unterschiedliche Farben bei colspan Zellen

[Ho]

Hello,

folgendes Problem: ich möchte zwei Tabellenzellen mit colspan verbinden, was ja kein problem ist. Allerdings sollen die beiden
verbundenen Zellen unterschiedliche Hintergrundfarben haben.
Der enthaltene Text soll also von der ersten in die zweite Zelle laufen - über den Farbe wechselnden Hintergrund hinweg.

Dies funktioniert aber nicht, da die zweite der beiden Zellen anscheinend immer die Hintergrundfarbe der ersten Zelle erhält.

Ist das überhaupt machbar in HTML? gehts vielleicht mit CSS? (background-color) <- hab das auch probiert aber es zerreisst die ganze tabelle.

any idea?

Ho!

[Auge]

Hallo

folgendes Problem: ich möchte zwei Tabellenzellen mit colspan verbinden, was ja kein problem ist.

Das ist wohl ein Problem! Mit colspan weist du _eine_ Zelle an,
die Breite mehrerer Zellen in einer anderen Zeile zu überspannen.

Allerdings sollen die beiden
verbundenen Zellen unterschiedliche Hintergrundfarben haben.

Es ist nachwievor _eine_ Zelle.

Der enthaltene Text soll also von der ersten in die zweite Zelle laufen - über den Farbe wechselnden Hintergrund hinweg.
Dies funktioniert aber nicht, da die zweite der beiden Zellen anscheinend immer die Hintergrundfarbe der ersten Zelle erhält.

Ist das überhaupt machbar in HTML? gehts vielleicht mit CSS?

Mit HTML geht es nicht. Mit CSS könntest du genau über zwei Zellen mit
verschiedenfarbigem Hintergrund ein Blockelement, z. B. <p> oder <div>
setzen, in dem dann der Text steht.

Tschö, Auge

[MudGuard]

Hi,

folgendes Problem: ich möchte zwei Tabellenzellen mit colspan verbinden, was ja kein problem ist.

colspan sorgt aber nicht dafür, daß zwei Tabellenzellen verbunden werden, sondern daß EINE Zelle so breit wie mehrere Zellen wird.

Allerdings sollen die beiden verbundenen Zellen unterschiedliche Hintergrundfarben haben.

Du hast nur EINE Zelle (Du hast nur einmal <td></td> für das Teil)

Der enthaltene Text soll also von der ersten in die zweite Zelle laufen - über den Farbe wechselnden Hintergrund hinweg.

Du hast keine zweite Zelle.

Dies funktioniert aber nicht, da die zweite der beiden Zellen anscheinend immer die Hintergrundfarbe der ersten Zelle erhält.

Du hast keine zweite Zelle.

Ist das überhaupt machbar in HTML? gehts vielleicht mit CSS? (background-color) <- hab das auch probiert aber es zerreisst die ganze tabelle.

Auch mit CSS hast Du nur eine Zelle - also auch nur eine Zellen-Hintergrundfarbe.
Wie das Zuweisen einer Hintergrundfarbe per CSS die Tabelle zerreißen kann, ist mir absolut unklar.

Was Du probieren könntest:
Weise allen anderen Zellen ihre Hintergrundfarbe zu.
Der betroffenen Zelle weist Du transparent als Hintergrundfarbe zu.
Außerdem legst Du für die Tabelle col- und/oder colgroup-Elemente an.
Für die col-Elemente, die zu den betroffenen Spalten gehören, legst Du die entsprechenden Hintergrundfarben fest.

Oder, bei fixer Spaltenbreite:
Erzeuge ein Bild in der Breite der ersten Spalte mit der ersten Hintergrundfarbe.
Weise der Zelle dieses Bild als Hintergrundbild mit repeat-y und Position left top zu, außerdem noch die zweite Farbe als Hintergrundfarbe.

cu,
Andreas