image-map mit css
.::crazycons::.
- css
0 WebFix
Servus!
ich hab ein kleines Problem. Und zwar habe ich per Imagemap wie hier beschrieben (http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm) eine Grafik mit Links belegt. Nun möchte ich aber, daß der Cursor auf dem entsprechenden Link mit dem "help" Symbol versehen ist und habe es folgendermaßen gemacht:
<map name="links">
<area shape="rect" coords="52,1,94,17" href="1.html" class="link2">
<area shape="rect" coords="96,1,138,17" href="2.html" class="link2">
<area shape="rect" coords="140,1,182,17" href="3.html" class="link2">
<area shape="rect" coords="184,1,126,17" href="4.html" class="link2">
<area shape="rect" coords="128,1,270,17" href="5.html" class="link2">
</map>
Die entsprechende cCsfile gibt dann dazu folgendes aus:
.link2 {
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
text-decoration:none;
cursor:help;
}
.link2:hover {
color:#000000;
link:#000000;
alink:#000000;
vlink:#000000;
text-decoration:none;
cursor:help;
}
Der Class-tag wird parallel auch noch im Text genutzt.
Aber leider zeigt er beim Imagemap den Cursor immer noch im default-stil an (der für die restliche Seite gegeben ist. Im Text hingegen wird der Link mit dem "help" Symbol versehen.
Weshalb ist das so und was kann ich tun, damit es auch beim Imagemapping funzt?
Danke schonmal für eure Hilfe.
mfg
de nixbligger
Hallo!
Das scheint so nicht zu funktionieren...
Eine Idee mit JavaScript:
Wenn Du den Cursor z.B. Images auf Help setzt, wird auch der Cursor über dem Link auf Help gesetzt. D.h. Du könntest auf der Area ein onMouseOver abfangen und den Cursor des Bildes auf Hand setzen, dann bei onMouseOut wieder auf Default.
Gruß
WebFix