CSS rollovers vil ikke vise bilde

[alex100]

God dag.

 

HTML koden:

<a href="link.htm" class="latest_link"><span class="hide">Hidden text</span></a>

 

CSS koden:

.hide {
display:none;
}

.latest_link {
background: url (images/latest.jpg);
display:block;
width: 104px;
height: 18px;
}

.latest_link:hover {
background: url (images/latestfilled.jpg);
}

 

Problemet er alså at verken det første bildet eller hover-bildet kommer opp når siden lastes. Hva har jeg gjort galt?

 

(Det funker med javascript-måten av mouse-over, men jeg vil helst ikke bruke den.)

Endret 20. mai 2004 av alex100

[joe45]

background-image istedet for bare background. Kanskje??

[alex100]

Nope. Har prøvd begge to

[Haraldson]

skal ikke være mellomrom mellom url og url-en: background-image: url(hei.gif);

 

Sånn blir det.

 

 

Dessuten er du jo nødt til å definere posisjonen til bildet på a og på a:hover, ellers vil ikke rolloveren funke...

Endret 20. mai 2004 av Mr.Berg

[enden]

definere posisjon? som i top left? Tviler jeg sterkt på

Endret 20. mai 2004 av enden

[Haraldson]

Jepp! Tenkte på den beste rollover'n, der man bare bruker et bilde...

[enden]

ahh Den nederste her mener du

[Haraldson]

Hehe... eller, for den saks skyld den nederste i Arves tutorial

[enden]

Larve kopierte meg

[Arve Systad]

Larve kopierte meg

pffs, visste ikkje at du hadde den tutorialen før eg skreiv den sjøl

[pgdx]

Oooohhh... Kopierte han den überleete tutorialen?

Trodde enden hadde copyright på den, jeg...

Endret 21. mai 2004 av Toolshed