gilt nicht Klasse, um die Spalten einer Tabelle

StackOverflow https://stackoverflow.com/questions/3857437

  •  27-09-2019
  •  | 
  •  

Frage

Mein Verständnis von col ist, dass es verwendet werden kann, eine Klasse für alle Elemente in einer Tabelle Spalte anzuzeigen. Dies scheint nicht für mich zu arbeiten, though. Ich kann die Klasse zu einzelnen TDs gelten, aber ich will col mir zu helfen, dies vermeiden.

Hier ist der HTML-Kopf: 

<head>
<style type="text/css">
 .slick {
  background-color:#b0c4de; /*This always works*/
  border-style:solid; /*This doesn't work when only applied to a <col>*/
  border-width:5px;
 }
</style>
</head>

die Hintergrundfarbe Interessanterweise funktioniert immer, aber die Grenze irgendwann ausfällt.

Hier ist der HTML-Körper: 

<body>
<table><tbody>
 <colgroup>
  <col class="slick" />
  <col class="slick" />
 </colgroup>
 <tr id="r1">
  <td><label >Planner/Scheduler/Estimators</label></td>
  <td class="slick"><label >2010</label></td>
 </tr>
</tbody></table>
</body>

die tbody oder colgroup Tags Entfernen scheinen keine Rolle zu. Der Hintergrund ist in beiden Elementen vorhanden ist; Die Grenze ist nur auf das zweite Element angewandt, in dem die Klasse in dem td-Tag angegeben wird.

hatte ich eine Ahnung, dass Grenze nicht mit col funktionieren würde, aber Firebug zeigt, dass der Slick-Stil ist nicht auf die linke Spalte überhaupt angewandt. Was ist los?

War es hilfreich?

Lösung

Nach w3 Schulen, nur die Breite Attribut funktioniert in Firefox. Es sieht auch nicht aus wie das Attribut border überhaupt unterstützt wird.

http://www.w3schools.com/tags/tag_col.asp

Andere Tipps

Das ist, weil die CSS 2.1-Spezifikation definiert , dass die verschiedenen Grenz Eigenschaften gelten nur, wenn Sie border-collapse: collapse; auf dem zugehörigen <table> Element festgelegt.

Darüber hinaus nach CSS 2.1 gibt es nur sehr wenige Eigenschaften, die zu Artspalten verwendet werden können (mit Einschränkungen):

  • Randeigenschaften (erfordern border-collapse: collapse; auf dem verwandten <table>element)
  • Hintergrundeigenschaften (nur anwendbar, wenn die Zelle und Zeile Hintergrund transparent ist)
  • width
  • visibility (Wert collapse vermeidet der Zellen Rendering, Spanning-Zellen in anderen Spalten werden abgeschnitten)

Sie müssen keine Klassen gelten für jedes td.

Sie können einfach Stil der TDs: 

 td {
  background-color:#b0c4de;
  border-style:solid;
  border-width:5px;
 }
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top