Ich habe hier eine Navigationsleiste, die listenmässig aufgebaut ist. Jeder Listenpunkt soll mit einer Grafik unterlegt sein. Jeder Listenpunkt ist ausserdem ein Link.
Wie sieht das relevante HTML aus?
Als Hover-Effekt soll nun die Grafik gegen eine andere ausgetauscht werden.
Die Pseudoklasse a:hover kann genau dies leisten.
Tabelle angefertigt, jede Zelle hat die Grafik als Hintergrund. Per table-layout: fixed und empty-cells: show auch auf einheitliche Breite festgezurrt. Soweit kein Problem.
Warum eine Tabelle? Eine ungeordnete Liste benötigt bei gleichem Ergebnis die Hälfte an HTML.
Hover-Effekt über td.meineclass a:hover{background-image: url(hover-grafik.png)} versucht einzufügen.
Meines Wissens nach gibt das im IE Probleme, der nichts außer A-Elemente hovern möchte.
Ich danke für alle Hilfsversuche,
Bitte poste das relevante HTML und das dazugehörende CSS. Noch besser wäre allerdings der Link zu einer Testseite.
Siechfred
Hinter den Kulissen passiert viel mehr, als man denkt, aber meistens nicht das, was man denkt.