Fireball
Legacy Member
Ik gebruik onderstaande code voor mijn menu.
In IE5 en IE6 geeft dit problemen: de menubalken komen onder elkaar te staan. Hoe komt dit?
Dank u!
In IE5 en IE6 geeft dit problemen: de menubalken komen onder elkaar te staan. Hoe komt dit?
Dank u!
Code:
<ul id="menu">
<li><a href="index.htm" class="menu">Home</a></li>
<li><a href="programma.htm" class="menu">Jaarprogramma</a></li>
<li><a href="activiteiten.htm" class="menu">Activiteiten</a></li>
<li><a href="wiezijnwij.htm" class="menu">Wie zijn wij?</a></li>
<li><a href="lidworden.htm" class="menu">Lid worden</a></li>
<li><a href="contact.htm" class="menu">Contact</a></li>
</ul>
Code:
ul#menu {
list-style: none;
margin: 0;
padding: 0;
}
ul#menu li {
display: inline;
width: auto;
height:29px;
float: left;
padding: 0px;
text-align:center;
}
ul#menu li a {
text-decoration: none;
display: block;
color: white;
height: 100%;
width: auto;
background-color:#80ADAF;
padding: 5px 22px 0px 21px; /*padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/
}
ul#menu li a:hover {
color: #D20030;
background-color: #EA8213;
}