Hallo!
Hier schonmal eine funktionierende Version ohne Hotspot:
p.link a:hover {background-color: #2B2E21;;color:#EEEEEE;}
p.link a:link span{display: none;}
p.link a:visited span{display: none;}
p.link a:hover span {
position: absolute;
margin:5px 0px 0px 10px;
background-color: #EEEEEE;
max-width:220;
padding: 2px 10px 2px 10px;
border: 1px solid #C0C0C0;
font: normal 10px/12px verdana;
color: #000000;
text-align:left;
display: block;}
Text erscheint bei mouseover
[/HTML]
Und hier eine Version mit Hotspot, bei dem der Mouseover-Effekt nur auf das ganze Bild übertragen wird und noch nicht auf den Hotspot:
p.link a:hover {background-color: #2B2E21;;color:#EEEEEE;}
p.link a:link span{display: none;}
p.link a:visited span{display: none;}
p.link a:hover span {
position: absolute;
margin:5px 0px 0px 10px;
background-color: #EEEEEE;
max-width:220;
padding: 2px 10px 2px 10px;
border: 1px solid #C0C0C0;
font: normal 10px/12px verdana;
color: #000000;
text-align:left;
display: block;}
Text erscheint bei mouseover
[/HTML]
Würde mich echt freuen, wenn das einer hinkriegen würde, dass der Text nur über dem Hotspot auftaucht.
Schon mal danke für eure Mühe!
sabf
2. Dezember 2009 um 11:46
2