Tabellen und Rahmen

Question

Ich habe ein paar Probleme mit Tabellen und Rahmen, um mit CSS zu arbeiten.

Was ich gemacht habe, ist die <table id=usertable> und setzen auf border-width und border-style darauf.

Nun, was passiert ist der äußere Teil der Grenze ist derjenige, der von der Breite und Stil beeinflusst wird. Alle Werte und Zeilen darin sind davon nicht betroffen. Die einzige Sache, die funktioniert, ist die Farbe der Grenze. Und der Rand musste aus irgendeinem Grund in HTML als border=1 angegeben werden.

CSS:

#usertable { 
    border-style: dashed; 
    border-width: 10px; 
    border-color: red; 
    padding: 20px; 
    margin: auto; 
    margin-top: 20px; 
    border-collapse: collapse; 
} 

PHP:

echo "<table id=usertable> 
    <tr> 
     <td id=usertable_top>ID</td> 
     <td id=usertable_top>USERNAME</td> 
     <td id=usertable_top>PASSWORD</td> 
     <td id=usertable_top>EMAIL</td> 
     <td id=usertable_top>ADMIN</td> 
     <td id=usertable_top>ACTIONS</td> 
    </tr>"; 

    while($row = $result->fetch_assoc()){ 
     echo " 
      <tr> 
       <td>$row[ID]</td> 
       <td>$row[USERNAME]</td> 
       <td>$row[PASSWORD]</td> 
       <td>$row[EMAIL]</td> 
       <td>$row[ADMINSTATUS]</td> 
     "; 
    if ($_SESSION[adminsts] == sadmin) { 
     echo " 
      <td>Make Admin</td> 
     "; 
    } 
    echo " 
     </tr> 
    "; 
} 

echo "</table>"; 

Answer 1

eine Grenze auf einem Tisch Einstellung wird genau das tun.

Wenn Sie einen Rahmen für eine Tabellenzelle festlegen möchten, müssen Sie die Tabellenzelle formatieren.

td, th { 
    border: solid blue 1px; 
} 

Answer 2

Sie formatieren den HTML-Code falsch. Die ID sollte einmal im gesamten Dokument verwendet werden (Verwendung class = ‚Yourclass‘ statt)

td.yourclass{} #to apply rules to the td's 

th.yourclass{} #to apply rules to the th's 

tr.yourclass{} #to apply rules to the tr's 

oder Sie können für die Tabelle einen id = ‚usertable‘ verwenden und dann alle Elemente Zugriff mit

#usertable td{} 

#usertable tr{} 

#usertable th{}