Tabellen th und td

[Souli]

Tachchen,

habe eine Frage zu CSS und Tabellen.

Hier ein kurzer Ausschnitt der CSS-Datei, die geladen wird:
#feld_06 {
 width: 215px;
 height: 234px;
 top: 165px;
 left: 20px;
}

.table {
 border-collapse: collapse;
 caption-side:left;
 table-layout: fixed;
 border-width: 0px;
 font-family: Arial;
 font-size: 10pt;
 vertical-align : middle;
 width : 210px;
}

.th {
 background-color : #00CCFF;
 border-width: 0px;
 font-family: Arial;
 font-size: 12pt;
 vertical-align : middle;
}

.td {
 background-color : #14ADD3;
 border-width: 0px;
 font-family: Arial;
 font-size: 10pt;
 vertical-align : middle;
}

sieht vielleicht noch n bissel wild aus, aber ich übe ja auch noch. *g*

So, hier nun mal ein kurzer Abschnitt des HTML-Codes:
<div id='feld_06' class='feld'>
 <span class="table; th; td">
  <table>
   <tr>
    <th>Text</th>
   </tr>
   <tr>
    <td>Text</td>
   </tr>
  </table>
 </span>
</div>

Dieses Konstrukt habe ich mir mal zusammengebastelt.

Nun aber meine Frage:
Wieso wird das th-tag in der GLEICHEN Farbe wie das td-tag angezeigt ?

th ist doch mit background-color #00CCFF
und td mit #14ADD3 definiert.

Die Farbe, die ich im td-tag festgelegt habe, wird auch für
das th-tag genommen...wieso ?

Muß ich den Aufruf an einer andere Stelle platzieren ?

Thx
Souli

[Tobias Kloth]

Hallo,

.table {[...]}
.th {[...]}
.td {[...]}

hier hast du für die Klassen table, th und td formate definiert und wunderst dich dann, das die Elemente table, th und td nicht formatiert werden (wie man Elemente formatiert steht unter http://de.selfhtml.org/css/formate/zentrale.htm#elemente)?

So, hier nun mal ein kurzer Abschnitt des HTML-Codes:
<div id='feld_06' class='feld'>
 <span class="table; th; td">

einem Element weist man mehrere Kassen zu, indem man die Klassen von einem Leerzeichen getrennt hinschreibt (nicht von ; getrennt): class="table th td" - was du allerdings garnicht machen willst.

<table>

nächster Fehler - span darf als inline-Element keine Block-Level-Elemente wie table enthalten - lass das span einfach weg, es ist sowieso überflüssig.

Grüße aus Nürnberg
Tobias

[Gunnar Bittersmann]

Tobias,
Wir hätten uns absprechen sollen. ;-)
Gunnar

[Gunnar Bittersmann]

<div id='feld_06' class='feld'>
 <span class="table; th; td">
  <table>
   <tr>
    <th>Text</th>

Souli,
Innerhalb von span dürfen nur Inline-Elemente, keine Blockelemente wie table, th, td stehen.

Mehrere Klassen weist du durch Leerzeichen getrennt zu, nicht mit Semikolon.

Aber das ist gar nicht das, was du willst. Du willst ja die Elemente (nicht Klassen) table, th, td mit CSS formatieren. Also im Stylesheet ohne Punkt davor:
table {
 border-collapse: collapse;
}

Das span kannste dir ganz schenken; das div auch, indem du die ID und die Klasse dem table-Element mitgibst.

Gunnar

[Souli]

Ahoi,

Danke für die schnelle Hilfe.
Ich bin nun im Bilde und jetzt kommt mir das
Posting fast schon peinlich vor. :-))

Aber auch da muß man durch.

Souli