HTML interesse |
|
Ik ben bezig aan een nieuw menu, maar zit met probleempje. hoe zorg ik dat de "blokjes" naast elkaar komen te staan en niet onder elkaar? het is de bedoeling dat het menu in het midden komt te staan, ik deed het eerst met float: left; maar dan kreeg ik de blokjes niet in het midden. DI tis mijn code:
[code=html4strict]<div id="navbar">
<li>Home</li>
<li>Home</li>
<li>Home</li>
</div>
[code=html4strict]<div id="navbar">
<li>Home</li>
<li>Home</li>
<li>Home</li>
</div>
[/code]
[code=css]#navbar ul,li {
padding: 0;
margin: 0;
list-style: none;
}
#navbar li{
display: block;
height: 45px;
width: 100px;
background-color: #00FF00;
margin-left: auto;
margin-right: auto;
position: relative;
}
[code=css]#navbar ul,li {
padding: 0;
margin: 0;
list-style: none;
}
#navbar li{
display: block;
height: 45px;
width: 100px;
background-color: #00FF00;
margin-left: auto;
margin-right: auto;
position: relative;
}
[/code]
|