Nieuw lid |
|
Ik ben al wat verder, de breete enz pakt hij nu, maar nu pakt firefox de padding niet, tevens zet hij het menu een heel stuk naast de andere div.
css:
#menu {
list-style: none;
width : 120px;
float : left;
}
#menu a {
height : 20px;
width : 120px;
background-color : #000;
text-align : left;
text-decoration: none;
display: block;
padding :1px;
}
#menu li {
float : left;
height : 20px;
width : 120px;
padding :1px;
}
#menu a:hover {
background-color:#fff;
color: #000; }
#menu { list-style: none; width : 120px; float : left; } #menu a { height : 20px; width : 120px; background-color : #000; text-align : left; text-decoration: none; display: block; padding :1px; } #menu li { float : left; height : 20px; width : 120px; padding :1px; } #menu a:hover { background-color:#fff; color: #000; }
html:
<div id="main">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Nieuws</a></li>
</ul>
</div>
<li><a href="#">Contact </a></li> <li><a href="#">Nieuws </a></li>
|