VincentLoos
Gebruiker
- Lid geworden
- 7 jan 2012
- Berichten
- 24
Hallo, ik ben een navigatie menu aan het maken.
Ik wil dat de <li>'s even breed zijn. Maar ik kom er niet uit.
Ik heb nu deze code:
Kan iemand mij helpen?
Ik wil dat de <li>'s even breed zijn. Maar ik kom er niet uit.
Ik heb nu deze code:
Code:
#menu ul {
list-style-type: none;
}
#menu ul li {
display: inline-block;
margin: 0;
padding:0;
}
#menu ul li a {
padding: 15px;
background-color: #919a8e;
font-family: Franklin Gothic Book;
color: #82c46a;
text-decoration:none;
font-size:large;
font-weight:bold;
width:90px;
}
#menu ul li a:hover {
background-color: #B8B8B8;
font-weight:bolder;
}
HTML:
<div id="menu">
<ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="foto.html" title="Foto's">Foto's</a></li>
<li><a href="video.html" title="Video's">Video's</a></li>
<li><a href="shop.html" title="Shop">Shop</a></li>
<li><a href="downloads.html" title="Downloads">Downloads</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
</ul>
</div>
Kan iemand mij helpen?