Frage zum Wiki-Artikel „Zellen verbinden“

[Hans Hower]

In zwei Tabellentiteln habe ich mit <td valign=center rowspan=2> Teile der Titel senkrecht über zwei Zeilen verbunden und den Titel auf halbe Höhe gesetzt. Das hat m.E. bisher auch funktioniert. Und jetzt bekommt die zweite Zeile auf einmal keine Hintergrundfarbe mehr (die in table_title definiert ist). Woran kann das liegen? HTML-Code eines der Titel:

 <table align=center border=1 cellspacing=0 cellpadding=0   
     class=table_text>
  <tr class=table_title> 
   <td valign=center rowspan=2> 
    <p class=LitTextTabelleZentriertFettInvers>Fall</p>
   </td>
   <td valign=top colspan=2> 
    <p class=LitTextTabelleZentriertFettInvers>Info / Kauf bei amazon.de/at</p>
   </td>
   <td valign=center rowspan=2> 
    <p class=LitTextTabelleZentriertFettInvers>Eigene Besprechung</p>
   </td>
  </tr>
  <tr class=table_title> 
   <td valign=top> 
    <p class=LitTextTabelleZentriertFettInvers>Englischer Originaltitel</p>
   </td>
   <td valign=top> 
    <p class=LitTextTabelleZentriertFettInvers>Deutscher Titel</p>
   </td>
  </tr>
  …
  </table>

Vielen herzlichen Dank für Eure Hilfe! Hans

[Gunnar Bittersmann]

@@Hans Hower

Und jetzt bekommt die zweite Zeile auf einmal keine Hintergrundfarbe mehr (die in table_title definiert ist).

Nein, ist sie nicht. Du hast einfarbige Bilder anstatt einer Hintergrundfarbe. Warum?

(Und dann auch noch JPEGs, was für Grafiken mit wenigen Farben ohnehin das falsche Format ist.)

Wenn du eine Hintergrundfarbe verwendest, tritt der Effekt nicht auf.

Allerdings sind deine Tabellen nicht richtig ausgezeichnet; die Spaltenüberschriften sind keine Datanzellen td, sondern Kopfzellen th. Und sie gehören in den thead. Und haben einfach Text, keinen Textabsatz p als Inhalt:

HTML-Code eines der Titel:

Den hab ich mal aufgeräumt; keine der Klassen ist nowendig.

<table>
	<thead>
		<tr>
			<th rowspan="2">Fall</th>
			<th colspan="2">Info / Kauf bei amazon.de/at</th>
			<th rowspan="2">Eigene Besprechung</th>
		</tr>
		<tr>
			<th>Englischer Originaltitel</th>
			<th>Deutscher Titel</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td><a href="…">Death at La Fenice</a></td>
			<td><a href="…">Venezianisches Finale</a></td>
			<td></td>
		</tr>
		⋮
	</tbody>
</table>

Im Stylesheet(! – da gehören Darstellungsangaben hin, nicht ins HTML):

table
{
	background-color: #DDF0DC;
}

thead
{
	background-color: #237D01;
}

td
{
	vertical-align: top;
}

LLAP 🖖