Photoshop-Tutorials.nl - Photoshop Forum

[webmasterbob]

Hi,

Ik ben nu een website aan het maken en het gaat al aardig goed.
In het navigatiemenu heb ik nu vier knopjes om naar vier verschillende pagina's te gaan.
De knopjes zijn afbeeldingen. Nu heb ik ook afbeeldingen die ik graag wil als je er met je muis op gaat staan (=hover).
Hoe moet ik dit met een afbeelding doen?

Greetz

[Gloomy]

ik maak dat soort links altijd in een list.

dus

Code: Selecteer alles

<ul id="navigatie_boven">
    <li><a href="home.html" class="active"> Home </a></li>
    <li><a href="portfolio.html"> Portfolio </a></li>
    <li><a href="contact.html"> Contact </a></li>
    <li><a href="nogiets.html"> NogIets </a></li>
</ul>


in de CSS doe je dan het volgende:

Code: Selecteer alles

#navigatie_boven { 
     list-style:none;
}
#navigatie_boven li { 
    display: inline;
}
#navigatie_boven li a {
     background-image: url('afbeelding1.jpg'); 
     height: 50px;
     width: 200px;
}
#navigatie_boven li a:hover {
     background-image: url('afbeelding2.jpg');
}