li tagı problemi

10-08-2010, 15:59:36

Merhaba arkadaşlar, uğraştığım aslında çok basit birşey ama nerede hata yaptığımı bulamıyorum. Listedeki madde işaretlerini kaldırmak istiyorum. bunun için list-style-type: none kodunu ekleyince madde işaretleri kalkıyor ama itemlar içeride kaldığı için hoş bir görüntü olmuyor. Bunu nasıl düzeltebilirim?

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
li {
margin: 0px 0px 0px 0px;
padding: 8px 0px 8px 0px;
border-bottom: 1px solid #cccccc;
<--list-style-type: none; -->
font-family: "Arial, Verdana, sans-serif";
font-size: 80%;
}

a {
color: #003366;
text-decoration: none;
}
</style>
</head>
<body>

<li>item1</li>
<li>item2</li>
<li>item3</li>

</body>
</html>

10-08-2010, 17:02:06

#2

cocainer

style dosyandaki ;
bunu: margin: 0px 0px 0px 0px;
bununla değiştir: margin: 0 0 0 20px;

soldan 20 pixel boşluk vermiş olursun.

10-08-2010, 17:50:36

#3

AycanB

Kimlik doğrulama veya yönetimden onay bekliyor.

cocainer adlı üyeden alıntı: mesajı görüntüle

style dosyandaki ;
bunu: margin: 0px 0px 0px 0px;
bununla değiştir: margin: 0 0 0 20px;

soldan 20 pixel boşluk vermiş olursun.

li 'de hep padding öneririm yoksa ilerde hover durumları oldum mu esnek bir yapı olmuyor.

10-08-2010, 20:09:15

#4

tanerorkun

li çıldırtır bazen adamı... asıl görevi listeleme olsa da şu aralar menü yapımı ravajda ben kullanmıyorum menü yapımında li...

ama sana güzel bir tavsiye vereyim...

li kullanacaksan eğer list style 'i none yap backgraund:url(cvsvsvsvsvsvsv) 1px 2px no-repeat; kullan list imageini backgraund olarak gir yani stabil görüntü alırsın

10-08-2010, 21:16:25

#5

liarea

ul {list-style-type:none; margin:0px; padding:0px;}