[mush]

Hallo,

ich habe seit langer Zeit mal wieder mit Tabellen zutun.

Ich möchte gern, dass wenn ich mit der Maus eine Tabellenzeile hover, dass sich der Hintergrund dieser Zeile verfärbt. Das habe ich mit Javascript auch schon hinbekommen, aber immer nur mit einer ganzen Tabelle. Ich habe statt mehreren Zeilen einfach mehrere Tabellen genommen, diese in einen Div-Layer steckt und sie über eine ID angesprochen (testweise).

Ich möchte entweder eine einzelne Tabellenzeile mit einem Div-Layer umschließen, dann würde ja alles gehen, oder eine ganz andere Möglichkeit kennenlernen.

Gruß.

EDIT: Natürlich kann ich auch dem 'tr' eine Klasse zuweisen (css und hover), dann wird aber der Teil zwischen den Zellen (cellspacing) nicht eingefärbt, was ich aber wünsche.

Dieser Beitrag wurde von mush bearbeitet: 07. August 2008 - 23:08

[web189]

Vielleicht hilft dir das weiter:

http://www.webmaster-resource.de/tricks/ja...over-effekt.php


mfg
Sebastian

[Witi]

Zitat

Natürlich kann ich auch dem 'tr' eine Klasse zuweisen (css und hover), dann wird aber der Teil zwischen den Zellen (cellspacing) nicht eingefärbt, was ich aber wünsche.

Hover wäre auch mein Vorschlag gewesen. Kannst du nicht einfach anstatt cellspacing einen border nutzen? Den könntest du dann auch per CSS verändern.

[zwutz]

Innerhalb von <table> sind nur <tr> und imho auch einige andere Tags erlaubt, aber definitiv kein <div>, also fällt diese Möglichkeit flach...

Du könntest aber den Inhalt in einen <span>-Tag fassen (<div> würd ich nicht nehmen... der bringt bereits eigene Formatierungen mit, was du in diesem Fall aber nicht brauchst) und über margin den cellspacing-Effekt simulieren (sollte eigentlich klappen).