Hoi
Een probleempje met een menuutje hier...
Ik heb de volgende code:
<div id="menu">
<ul>
<li><a href="#" class="menu-button">Home</a></li>
<li><a href="#" class="menu-button">Over mij</a></li>
<li><a href="#" class="menu-button">Foto's</a></li>
<li><a href="#" class="menu-button">Gastenboek</a></li>
<li><a href="#" class="menu-button">Contacteer</a></li>
</ul>
</div>
CSS:
#menu {
margin-top: 238px;
text-align: center;
}
li {
list-style: none;
margin: 2px;
display: inline;
width: 200px;
}
.menu-button {
padding: 3px;
border: 1px solid #999999;
background-color: #EEEEEE;
text-align: center;
color: #666666;
font-weight: bold;
text-decoration: none;
}
.menu-button:hover {
color: #000000;
font-weight: bold;
background-color: #CCCCCC;
text-decoration: none;
}
Alles werkt perfect, alleen zou ik graag hebben dat elk menu blokje 200px breed is. Enkel lukt dit niet goed... Tips? (:
Thanks (;
List => <ul><li>...
1.883 views
