mouseover på bilder, når det er flere forskjellige

[Chasseur]

Jepp, dere leste riktig, kna noen forklare meg hvordan man får mouseover på bilder? Jeg har spørt om det før, men etter uttalige søk, ga jeg opp å finne noe. Vi skal ikke ha noe Javascript tøys, men ren HTML/XHTML og CSS. Takker på forhånd.

Endret 17. januar 2005 av LordZyfeX

[PoleCat]

Regner med du tenker bilder som skal fungere som lenker?

 

Ta en titt på metoden her:

http://devilock.mine.nu/pixie/

 

Deretter bruker du bilde-erstatning. Les her:

http://www.unrealized.org/artikkel/css/bildeerstatning/

 

Dersom det var dette du var ute etter da.

 

Prinsippet går ganske enkelt på å skifte background-position, og ha begge bildene i ett.

[Chasseur]

Takk takk! Akkurat det jeg trengte!

[Chasseur]

Men hvis det er flere bilder jeg skal som ha linker. Altså et eget bilde for hver lenke.

Da blir koden slik?:

CSS:

#menu a2 {
 display:block;
 width:50px;
 height: 50px;
 margin: 1em 0;
 font: bold 14px/1 sans-serif;
 background: url("png/clanwarscopy.png") 0 0 no-repeat;
 text-decoration: none;
 border:solid, 1px, black;
 max-width: 50px;
 }
#menu a2:hover {	
 background-position: -50px 0;
 background: url("png/clanwarscopy.png");
 } 

 

HTML:

<div id="menu">
<a2 href="">1</a>
</div>

 

Men jeg tipper dette er feil fordi det ikke funker her. Så hvis dere ser en åpenbar feil, eller en feil i det hele tatt, hver så snill å si ifra.