ul ve li ile ilgili

Merhabalar

HTML ile tanışmamız çok öncelere rastladığından bir türlü table alışkanlığımdan vazgeçemedim ama artık css konusuna iyiden iyiye eğilmek gerektiğine karar verip birşeyler yapmaya başladım.

Şimdi özellikle wp temalarında

<ul>
<li></li>
</ul>

şeklinde menüler mevcut fakat bunların yanında nokta yok.
1) Bu noktayı nasıl kaldırabilirim?
2) Soldaki boşluğu nasıl ayarlayabilirim?

ek olarak daha soru sorabilirim sabırla sorularıma yanıt verebilecek bir arkadaş arıyorum.
(dipnot: Fatih Hayrioğlu'nun yazılarını okuyorum fakat şu üstteki sorularıma yanıt bulamadım tam anlamıyla)

list-style-type:none;

ile

ul a ve li nin css'ine, padding:0;margin:0px de iç ve dış boşluklar için Fatih Hayrioğlu'nun sitesinde arama yaparsanız ul li ile menu yapımı bile bulabilirsiniz

padding ve margin değerlerini 0 yaptım ama yine olmadı. Diğeri oldu.

Merhaba
Menu adına "menu" diyelim ve alt alta sıraladıgınızı varsayalım.

ul.menu {list-style-type:none;margin:0px;padding:0px;}
ul.menu li {display:block;margin:0px;padding:0px;}
ul.menu li a {text-decoration:none;font:12px Tahoma;color:black;}
ul.menu li a:hover {text-decoration:underline;color:black;}

Eger menu linklerini yan yana yapmak istiyorsanız "ul.menu li" alanındaki display degerini inline yapmanız kafi olacaktır. Fakat buyuk ıhtimalle menu linkleri birbirine bitişik olacaktır. Buzden aynı yerde (ul.menu li) margin ve padding yada width degerleri ile oynayabilirsiniz.