snaboentjn
Legacy Member
ik ben een menu aan het maken in css
de vorige versie die ik in gedachten had bleek niet te werken zoals ik het wou
dus dacht ik
ik gooi het over een volledig andere boeg.
joleit!
alles werkt perfect zoals ik het wil
maar dan alleen in IE
in firefox worden de afmetingen die ik meegeef met css wel gerespecteerd maar de afbeeldingen worden niet weergegeven
volgt de HTML code:
en de CSS
kan iemand me hierbij helpen?
de vorige versie die ik in gedachten had bleek niet te werken zoals ik het wou
dus dacht ik
ik gooi het over een volledig andere boeg.
joleit!
alles werkt perfect zoals ik het wil
maar dan alleen in IE
in firefox worden de afmetingen die ik meegeef met css wel gerespecteerd maar de afbeeldingen worden niet weergegeven
volgt de HTML code:
HTML:
<div id="headermenu">
<ul>
<li><a href="#" class="1"><h2>item1</h2></a></li>
<li><a href="#" class="2"><h2>item2</h2></a></li>
<li><a href="#" class="3"><h2>item3</h2></a></li>
<li><a href="#" class="4"><h2>item4</h2></a></li>
<li><a href="#" class="5"><h2>item5</h2></a></li>
<li><a href="#" class="6"><h2>item6</h2></a></li>
</ul>
</div>
Code:
#headermenu
{
clear: both;
height: 125px;
width: 780px;
margin: 0px;
padding: 0px;
background-color: #F2F7D4;
}
#headermenu h2
{
display: none;
}
#headermenu ul
{
border: 0px;
padding: 0px;
margin: 0px;
list-style-type: none;
}
#headermenu ul li
{
display: block;
float: left;
margin: 0px;
padding: 0px;
position: relative;
}
#headermenu a
{
height: 125px;
width: 130px;
display: block;
padding: 0px;
margin: 0px;
text-decoration: none;
background-repeat: no-repeat;
}
a.1
{
background-image: url(../images/menu/afbeelding.gif);
}
a:hover.1
{
background-image: url(../images/menu/afbeelding_hover.gif);
}
a.2 .....