MartinG: Anzeige dynamischer Inhalte

SELF-Forum

Anzeige dynamischer Inhalte

MartinG
– Informationen zu den Bewertungsregeln

Hallo!
Ich habe folgendes Problem:
Ich will über eine Imagemap beim Drüberfahren mit dem Cursor unterschiedliche Inhalte anzeigen lassen. In Firefox funktioniert meine Lösung sehr gut. Nur im IE wird der dynamische Inhalt leider nicht angezeigt.
Hier mal der Code:

<style type="text/css">  
.thumbnail:hover{  
background-color: transparent;  
}  
  
.thumbnail span{  
position: absolute;  
background-color: lightyellow;  
padding: 5px;  
left: -1000px;  
border: 1px dashed gray;  
visibility: hidden;  
color: black;  
text-decoration: none;  
}  
  
.thumbnail:hover span{  
width:448px;  
text-align:center;  
visibility: visible;  
top: 5px;  
left:0px;  
z-index: 50;  
}  
  
</style>

  
<body>  
<a  href="#"><img src="Test.jpg" border="0" usemap="#Map" style="padding-top:50px;">  
<map name="Map" >  
<span class="thumbnail"><span><area shape="rect" coords="44,73,99,127" href="#">Hi 1</span></span>  
<span class="thumbnail"><span><area shape="rect" coords="107,51,163,104" href="#">Hi 2</span></span>  
</map>  
</a>

Bitte um Info, was ich falsch mache.
Danke
mfg
MartinG

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Anzeige dynamischer Inhalte

    Ulysses
    – Informationen zu den Bewertungsregeln

    Hi!

    Nur im IE wird der dynamische Inhalt leider nicht angezeigt.

    Ich nehme an du meinst den IE6?

    .thumbnail:hover span{

    der kann die Pseudoklasse :hover nur auf a-Elemente anwenden

    FG Ulysses

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln