Image Map / hover display kombinieren

[apsel]

Om nah hoo pez nyeetz, Blumentopf!

Es gibt für deinen Fall auch eine Lösung ohne Javascript

Kurzer Anriss: Über die Grafik werden an die entsprechenden Stellen Elemente gelegt, DIV bietet sich an, sodass du folgende Struktur hast.

<IMG>      // Die Grafik mit dem Text.

<div>      // ein Div mit einem farbigen Strich als Hintergrund            // verwende CSS-Sprites für den Hover-Effekt   <div>    // Hier kommt das rein, was bei dir Tabelle ist.            // Sorge dafür, dass diese beiden Divs direkt aneinander grenzen   </div> </div>

Dieser Artikel könnte für dich auch interessant sein.

Beachte auch die Überlegungen zur Barrierefreiheit. Eine weitere Möglichkeit findest du in diesem Artikel.

Matthias