Kompozer forskellige baggrundsbilleder i menupunkter

[larsm]

Hej Kim,

Jeg ville gerne kunne variere udseendet på mine menupunkter med noget grafik. Helst som et individuelt baggrundsbillede.

Jeg har lavet siden med stilark, men der ændrer jeg jo alle menupunkter, hvis jeg ændrer baggrundsbilledet.

Hvis jeg sætter et billede direkte ind i menupunktet, bliver der noget rod med nogle forskydninger. Så det duer heller ikke.

Hvilke muligheder har jeg for at lave individuelt udseende på menupunkterne ?

http://www.sprogkryds.dk/

[Kim Ludvigsen]

Løsningen er at give hver knap sin egen stilklasse med hver sit baggrundsbillede.

Dette burde virke:

<li class="forside"><a href="index.html">FORSIDE</a></li>
<li class="blade"><a href="index/blade.html">BLADE</a></li>

Og i stilarket skal du så oprette stilklasserne forside og blade med de ønskede baggrundsbilleder.

[larsm]

Det fungerer jo lige efter bogen. Er der i øvrigt et sted, hvor jeg selv havde kunnet finde den kode ? Nu mangler jeg nemlig en måde at styre designet af hover menupunktet. Jeg har prøvet og se om jeg kunne regne det ud selv, men det lykkes ikke. Kan du hjælpe ?

[Kim Ludvigsen]

Det fungerer jo lige efter bogen. Er der i øvrigt et sted, hvor jeg selv havde kunnet finde den kode ?

Der er mange steder, der har eksempler på den slags. Jeg plejer at bruge Google, men det er jo lige det med at finde de rette søgeord.

Nu mangler jeg nemlig en måde at styre designet af hover menupunktet. Jeg har prøvet og se om jeg kunne regne det ud selv, men det lykkes ikke. Kan du hjælpe ?

Prøv at oprette og angive baggrundsbillede på følgende i css-editoren:

.forside a:hover
.blade a:hover
osv.