en css løsning på dette?

en css løsning på dette?

Innleggav iguan » tor 19.05.2011 18:05

Jeg er på jakt etter en løsning med CSS til å bruke et img til å endre designet på menyknappen ved hover funksjon.

Har lagt inn dette, men da vises elementet jeg skal ha ved hover, for langt til siden.:

Kode: Merk alt
#home {
background-image:url(../bg/navelement/home.png);
}

#home:hover {
background-image:url(../bg/navelement/homehover.png);
}


Tips?


Har funnet ut at jeg har gjort det korrekt, og at det nå fungerer med denne løsningen:
Kode: Merk alt
#home {
background-image:url(../bg/navelement/home.png);
}

#home:hover {
background-image:url(../bg/navelement/homehover.png);
}

#work {
background-image:url(../bg/navelement/work.png);
}

#work:hover {
background-image:url(../bg/navelement/workhover.png);
}

Trolig trengte Safari og oppdatere seg litt, da var visningen som den var tenkt!
medlem i 167 måneder
 

Re: en css løsning på dette?

Innleggav skrukketroll » lør 21.05.2011 18:55

Kan anbefale å gjøre menyen om til liste og bruke sprites istedenfor.
Sjekk tutorial her: http://line25.com/tutorials/how-to-crea ... ge-sprites

Det vil kunne gi deg noe mer kontroll over menyen.
medlem i 181 måneder
 

Re: en css løsning på dette?

Innleggav fmortens » søn 04.03.2012 11:38

Ja, sprites er veldig lurt... helt til noen andre skal vedlikeholde menyen og noen (tm) ikke har gjort originalfila til photoshop tilgjengelig.
medlem i 241 måneder
 


Returner til CSS



Hvem er i Forumene

Registrerte brukere: Ingen registrerte brukere