Willkommen auf dem Portal für Mediengestalter

dereza · Threadersteller

Guten Tag!

Bräuchte wieder Eure Hilfe.

Ich habe die Menüleiste als einzelne Kästchen angelegt. Die Frage ist, wie kann man machen, dass aktives Kästchen eine andere Farbe bekommt?

Danke!

Quellcode CSS:

#mainnav {
width:804px;
height:50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
text-decoration:none;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
}

#mainnav a:link {
text-decoration:none;
color:#FFFFFF;
}

#mainnav a:visited {
text-decoration:none;
color:#FFFFFF;
}

#mainnav a:hover {
text-decoration:none;
color:#FFFFFF;}

#mainnav a:active {
text-decoration:none;
color:#0099FF;
}

#navhome {
margin:0 1px 0 0;
padding:0;
float:left;
width:156.8px;
height:47px;
border:2px;
border-style:solid;
border-color:#FFFFFF;
background-color:#0033CC;
}

#navfahrausbildung {
margin:0 1px 0 0;
padding:0;
float:left;
width:156.8px;
height:47px;
border:2px;
border-style:solid;
border-color:#FFFFFF;
background-color:#0033CC;
}

#navfahrlehrer {
margin:0 1px 0 0;
padding:0;
float:left;
width:156.8px;
height:47px;
border:2px;
border-style:solid;
border-color:#FFFFFF;
background-color:#0033CC;
}

#navfahrzeuge {
margin:0 1px 0 0;
padding:0;
float:left;
width:156.8px;
height:47px;
border:2px;
border-style:solid;
border-color:#FFFFFF;
background-color:#0033CC;
}

#navanmeldung {
margin:0;
padding:0;
float:left;
width:156.8px;
height:47px;
border:2px;
border-style:solid;
border-color:#FFFFFF;
background-color:#0033CC;
}

HTML:

<div id="mainnav"><div id="navhome"><a href="#"><b><br>HOME</b></a></div>
<div id="navfahrausbildung"><a href="#"><b><br>FAHRAUSBILDUNG</b></a></div>
<div id="navfahrlehrer"><a href="#"><b><br>FAHRLEHRER</b></a></div>
<div id="navfahrzeuge"><a href="#"><b><br>FAHRZEUGE</b></a></div>
<div id="navanmeldung"><a href="#"><b><br>ANMELDUNG</b></a></div>
</div>