tebrik ederim. olayın özünü kavramışsınız.
hatalar mevcut tabii. mesela css'de ID tek olur. yani bir id'ye xxx derseniz, aynsa sayfada başka bir id'ye xxx diyemezsiniz. bu yüzden genel bölümler(üst, ortasol, sidebar, alt) için id, aralardaki(özellikle tekrarlananlar) bölümler için class kullanmak lazım. mesela
Alıntı
<div id="menuorta"><div id="menuorta">
yazmışsınız. hem hatalı, hem gereksiz. tek id yeterli. hatta div yerine ul kullanmak daha iyi olur.
menülerdeki noktalar, sıralama noktalarıdır. kaldırmak için list-style:none; kullanılıyor. mesela sizin kategori menünüz şu şekilde:
Alıntı
<div id="menuorta"><div id="menuorta">
<li class="cat-item cat-item-1"><a href="http://www.bugraokyay.com/wpdeneme/?cat=1" title="Genel kategorisi altındaki tüm yazıları göster">Genel</a>
</li>
<li class="cat-item cat-item-6"><a href="http://www.bugraokyay.com/wpdeneme/?cat=6" title="Türk kategorisi altındaki tüm yazıları göster">Türk</a>
</li>
<li class="cat-item cat-item-10"><a href="http://www.bugraokyay.com/wpdeneme/?cat=10" title="Türkçe kategorisi altındaki tüm yazıları göster">Türkçe</a>
</li>
<li class="cat-item cat-item-9"><a href="http://www.bugraokyay.com/wpdeneme/?cat=9" title="Türkiye kategorisi altındaki tüm yazıları göster">Türkiye</a>
</li>
</div></div>
bunun yerine,
Alıntı
<ul>
<li><a href..../a></li>
<li><a href..../a></li>
<li><a href..../a></li>
</ul>
ve css de,
Alıntı
#yanmenu ul {
margin:0;
padding:0;
}
#yanmenu ul li {
margin:0;
padding:0;
list-style:none; (noktaları yok eder)
}
margin ve padding değerlerini ayarlarsınız zaten.
özellikle sidebar oluştururken, default temayı örnek alırsanız, widget uyumlu yaparken zorlanmazsınız.
her yerine bakmadım ama mesela <center> diye kod yoktur. bunları margin:0 auto;, text-align:center gibi kodlarla halletmek lazım. yoksa valid html olmaz.
<br /> de kullanmayın.
iyi çalışmalar.
