de cellen in het hoofdmenu veranderen van kleur bij een rollover.
dat zie je de laatste tijd veel vaker en is wel relaxed.
wat is de code ervoor voor in de css? en hoe roep je 't dan op bij een cell>?
je zou me 'r wel mee helpen
#mainlevel-nav a:hover {
width: auto;
color: #FF8800;
text-decoration: none;
}
Dit is de css voor het hover effect.
EDIT
Ik zal ff het hele menu plaatsen:
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}
ul#mainlevel-nav li
{
display: block;
background-image: none;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 1px;
padding-top: 1px;
float: left;
margin: 0;
width: auto !important;
width_: 15%;
font-size: 11px;
line-height: 21px;
white-space: nowrap;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#mainlevel-nav a {
font-family: verdana;
font-size: 11px;
line-height: 16px;
padding-bottom: 5px;
text-decoration: none;
font-weight : bold;
width: auto;
color: #FFFFCC;
}
#mainlevel-nav a:hover {
width: auto;
color: #FF8800;
text-decoration: none;
}
.mainlevel {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 159px;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
width:100%;
border-top: 1px solid #fefefe;
border-bottom: 1px solid #c3c8cb;
border-left: 1px solid #fefefe;
border-right: 1px solid #c3c8cb;
color: #000000;
padding-top: 4px;
padding-left: 5px;
height: 20px !important;
height: 25px;
text-decoration: none;
width: 159px !important;
width: 165px;
}
a.mainlevel:hover {
background-color: #DDEEFF;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-right: 1px solid #eeeeee;
