Problemer med skygge på mønsterbakgrunn

[ace_ventuora]

Hei!

 

Lenge siden jeg har vært her, skal lage en nettside og trenger litt assistanse. Det er stort sett en basic hjemmeside, med et par elementer som skal skyggelegges over en mønstret bakgrunn. Leste FAQ, og fant en guide av Mikael Bergh der, men www.palmekraft.net er ikke det det en gang var. Er det noen som kan forklare dette her for meg?

 

 

 

Få forhånd takk for all hjelp

[Stian89]

Litt mer info? Kode? Ingen her som en synske.

[Vindstille]

Web Archive er en fin ting

[ace_ventuora]

Web Archive er en fin ting

Derja, takk

 

Nytt problem! Har en meny med bilder, og de skal ha hovereffekt. Fant en løsning some ser noe sånn her ut:

--CSS--

.forsiden
{
background-image: url('bilder/meny/forsiden.png');
height: image height;
width: 166px;
height: 120px;
text-indent: -1337px;
}

.forsiden:hover
{
background-image: url('bilder/meny/forsiden_hover.png');
height: image height;
width: 166px;
height: 120px;
text-indent: -1337px;
}


--HTML--

<a href="#"><h6 class="forsiden"></h6></a>

Den virker utmerket i Opera, men ikke i IE og Firefox. Usikker på hva jeg skal gjøre, et søk på Google ga mange resultater, men fant ingen med rette løsning. Hva er det "riktige" å gjøre?

[Vindstille]

Har du prøvd å fjerne height: image height; ?

 

.forsiden

{

background-image: url('bilder/meny/forsiden.png');

height: image height;

width: 166px;

height: 120px;

text-indent: -1337px;

}

Endret 27. juni 2008 av JonT

[ace_ventuora]

Hjalp ikke. =/

[Erik B.]

Du må definere de andre pseudo klassene også. Les her. Pass på at de forskjellige definisjonene kommer i riktig rekkefølge også!

 

Utklipp fra w3schools:

A link that is active, visited, unvisited, or when you mouse over a link can all be displayed in different ways in a CSS-supporting browser:

 

a:link {color: #FF0000} /* unvisited link */

a:visited {color: #00FF00} /* visited link */

a:hover {color: #FF00FF} /* mouse over link */

a:active {color: #0000FF} /* selected link */

 

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

 

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

 

Note: Pseudo-class names are not case-sensitive.

Endret 27. juni 2008 av Erik B.

[ace_ventuora]

Takk, nå viser Opera og Firefox riktig, men IE er fortsatt feil dessverre.

[Erik B.]

Hva blir feil i IE da?

[ace_ventuora]

Bildet som skal vises ved hover kommer ikke, linken forblir uforandret.