Menü Ortalama

Birde böyle deneyin.



<div class="sablon">
<div id="menu">
<ul>
<li><a href="index.html">Ana Sayfa</a></li>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="neler-yapiyoruz.html">Neler Yapıyoruz?</a></li>
<li><a href="referanslar.html">Referanslar</a></li>
<li><a href="bize-ulasin.html">Bize Ulaşın</a></li>
</ul>
</div>
</div>


<style>
.sablon {width: 960px;margin: auto;text-align: center;overflow: hidden;}
#menu{display:inline-block;height:50px; background-image:url(../resim/menu-bg.png); margin: 10px auto; }
#menu ul {overflow:hidden;}
#menu ul li{font-family:Verdana; font-weight:bold; font-size:12px; list-style-type:none; float: left; margin-right:25px; padding-top:15px;
#menu a {text-decoration:none; padding: 10px; background-color:#252525; color:#eeeeee; border-radius:5px;}
#menu a:hover{background-color:#000000; color:#eeeeee;}
</style>

CSS bilgim çok yok maalesef yeni giriş yaptım bu işe. Nasıl olması gerekiyor?

#menu li{font-family:Verdana; font-weight:bold; font-size:12px; list-style-type:none; float: left; margin-right:25px; padding-top:15px;}

burada float kullandığın için ortalama olmaz; float yerine

display: inline-block

kullancaksın ve

#menu{width:920px; height:50px; background-image:url(../resim/menu-bg.png); margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}

buraya text-align: center; ekleyeceksin


ayrıca yerine

<ul id="menu">

Hocam ben kodlarınızı önizledim sorunsuz görünüyor ortalı bi şekilde

Menü li tagının sonuna kapatma parantezi koymamışsınız "}" sorununuz bundan sanırım onun dışında gayet ortalı bende