Css Mouseover?

Hvordan er menuen lavet?

Hvis du bruger DIV eller SPAN's som for eks:
<div class="minklasse"></div>
eller
<span class="minklasse"></span>

Mener jeg at det kan gøres med følg. CSS:

.minklasse {
    background: url(normal.gif);
}
.minklasse:hover {
    background: url(mouse-over.gif);
}

Altså menu rammen er lavet sådan her:
(menu rammen er et andet billede, og der skal placeres 2 andre billeder oven på det, som så er mouseover billederne)


#menu_ramme {
    float:none;
    width: 750px;
    height: 30px;
    margin: 0.5% 0% 0% 25%
   
}

og i HTML dokumentet:

<div id="menu_ramme">
<img src="design/menu_ramme.gif" alt="menu_ramme">
</div>

a.menu {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #363636;
background: url('menu1.jpg');
font-family: verdana;
color: #000000;
font-size: 12px;
padding-left: 20px;
padding-top:10px;
padding-bottom:5px;
padding-right:40px;
text-decoration: none;
height: 30px;
}

a.menu:hover {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #363636;
background: url('menu2.jpg');
font-family: verdana;
color: #ffffff;
font-size: 12px;
padding-left: 20px;
padding-top:10px;
padding-bottom:5px;
padding-right:40px;
text-decoration: none;
height: 30px;
}

Er ikke helt sikker på hvad du mener. Men koden her er en af dem jeg selv bruger.
Læg mærke til background. Der er to forskellige billeder som baggrund på menuen.

Dvs når du putter musen over linket, skifter billedet.

Kan lige prøve det (:

Hvis du har problemer med koden.. Eller andre koder for den sags skyld så kan du bare lige skrive til min mail. admin@tfe-design.dk

http://www.dynamicdrive.com/dynamicindex15/index.html