meny med bilde som skifter

[FrilanserBob]

Hei

Driver å sysler litt med webdesign. Har sett en del sider som har menyer hvor bakgrunnen er bilder. Når man så fører musen over endres bakgrunnen. Selve teksten i "knappen" er vanlig tekst, ikke bilde. Er det noen som har noen gode koder for å lage slike menyer? Har prøvd å googlet litt uten å finne noe vettugt

[4588pkdkrikue5c]

Om du kan utdype er det litt lettare. Om mogleg, gi nokre dømer.

Eg trur nok me skal greie å hjelpe deg, eg har gjort liknande før.

 

Vil du ha eit bilete som forandres når du peker over det, men samtidig ha ein konstant tekst skreven i HTML-koden?

[FrilanserBob]

har sett bruk av <div> og <li>, men kommer ikke på noen sider i farten. Vil kunne endre teksten i menyen ja

Endret 2. juli 2009 av FrilanserBob

[V5R1X]

Jeg liker å bruke CSS til dette.

 

Slik som det gjøres på følgende link:

http://www.wellstyled.com/css-nopreload-rollovers.html

 

[Yankes]

HTML:

<div class="menyKnapp">Hovedsiden</div>
<div class="menyKnapp">Informasjon</div>
osv..

 

CSS:

.menyKnapp {
background: url(menyKnapp.gif) no-repeat;
}

.menyKnapp:hover {
background: url(menyKnappHover.gif) no-repeat;
}

 

Kjapt forklart kan det gjøres sånn. Menyknappene vil nå ha bildet menyKnapp.gif som bakgrunn og teksten "Hovedsiden" og "Informasjon", og når du beveger musa over en av dem så vil bakgrunnen på den knappen bli menyKnappHover.gif med samme teksten.