Rahmen um hot spot

[Sylvia]

Hi@all

habe schon Stunden herumprobiert, schaffe es einfach nicht mit CSS
in einer usemap einen hot spot bei hover einen Rahmen zu verpassen.

Müsste doch eigentlich mit
area:hover {border:thin solid red;}
funktionieren, will aber nicht.
Hat da jemand eine Idee

Viele Grüße
Sylvia

[Sebastian Becker]

Hallo, Sylvia,

habe schon Stunden herumprobiert, schaffe es einfach nicht mit CSS
in einer usemap einen hot spot bei hover einen Rahmen zu verpassen.

Müsste doch eigentlich mit
area:hover {border:thin solid red;}
funktionieren, will aber nicht.
Hat da jemand eine Idee

ich weiß nicht, ob das mit CSS überhaupt möglich ist - vermute aber eher nein.

Mit entsprechendem Aufwand kann man die Sache natürlich auch anders lösen. Schau Dir mal folgende Seite an ...

http://www.news-frankfurt.com

Der eigentliche Quellcode für den Hover-Effekt steht in einem Unterframe, also am besten mal die ganze Seite herunterladen.

Im Prinzip wird bei mouseOver eine neue Ebene erzeugt mit einer Tabelle mit farbigen Rändern, wobei die Parameter beim Aufruf übergeben werden.

Grüße,

Sebastian

[MudGuard]

Hi,

Müsste doch eigentlich mit
area:hover {border:thin solid red;}
funktionieren, will aber nicht.

area muß nicht rechteckig sein. border bezieht sich aber auf rechteckige Boxen des CSS Box Models (siehe http://www.w3.org/TR/REC-CSS2/box.html, erster Satz: "he CSS box model describes the rectangular boxes [...]")

Außerdem: wenn Du mit dem IE testest, ist das ganze sowieso zum scheitern verurteilt, weil der :hover ausschließlich für a-Elemente mit href-Attribut kennt.

Aber auch in anderen Browsern sehe ich wenig Chancen. Denn angezeigt wird ja eigentlich nur die Graphik. Die area-Elemente werden ja nur ausgewertet, um festzustellen, was mit dem Klick-Event geschehen soll - es kann ja dieselbe map für mehrere Graphiken in derselben Seite benutzt werden.
Bei welcher sollte der :hover-Effekt jetzt wirken?

cu,
Andreas