20-08-2014 Saat: 13:31
BÖYLE BİR MENÜ TASARLADIM. MENÜ DÖRT SEKMESİNİ NASIL SOLA ALABİLİRİM. YANİ HEPSİ SAĞDA OLMAMASI İÇİN.
HTML
Kod:
<div id="solmenu">
<ul>
<li><a href="index.html">Menü Bir</a></li>
<li><a href="#">Menü Bir</a></li>
<li><a href="#">Menü Bir</a></li>
<li><a href="#">Menü Bir</a></li>
</ul>
</div>
CSS
Kod:
#solmenu
{
float: left;
width: 1000px;
background: #333;
}
#solmenu ul
{
margin: 0;
padding: 0;
}
#solmenu ul li
{
list-style-type: none;
display: inline;
}
#solmenu li a
{
display: block;
float: left;
padding: 5px 10px;
color: #fff;
text-decoration: none;
border-right: 1px solid #fff;
}
#solmenu li a:hover { background: #383;
}
vov.