Gunnar Bittersmann: Frage zum Wiki-Artikel „Zellen verbinden“

Beitrag lesen

problematische Seite

@@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 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory