Hover med ekstra tekst og visning av bilde

[wan]

Hei!

 

 

Jeg vil gjerne legge til mer tekst og ett bilde når musen går over linken.

 

Har noen oppskriften på dette, eller i det minste noe å gå etter?

 

 

.liste li a:hover 

{ background: #E1FF86;
color: black; }

 

<li> <a href="hei.html"> Tekst </a> <IMG class="displayed" src="tekst.gif" alt="hei"> Forlenget tekst her..</li>

 

Håper dette er forståelig nok..

Endret 22. juni 2007 av wan

[Magnus Holm]

<li>
 <a href="#">Hello World!
   <span class="extended">
     <img src="pic.gif" alt="Picture">
     Hello to you too
   </span>
 </a>
</li>

li a .extended {
 display: none;
}

li a:hover .extended {
 display: inline;
}

[wan]

Takk skal du ha!

 

Jeg kan glemme bildet forresten, det holder med tekst.

 

Er det jeg som gjør noe feil her, siden teksten er permanent fremfor å dukke opp som hover?

 

li a .extended {
display: none;
}

li a:hover .extended {
display: inline;
}

 

<li> <a href="hei.html"> Hei </a> <IMG class="displayed" src="hei.gif" alt="right">  <span class="extended"> Hei </span> </li> 

[Magnus Holm]

<IMG class="displayed" src="hei.gif" alt="right"> <span class="extended"> Hei </span> må inni a-elementet