nasil html li etiketi ve css kullanarak listeleri arasinda dikey aralik olusturmak için

Bu HTML etiket ve CSS kullanarak listeleri arasinda dikey boslugu nasil olusturmaktir. Ben W3C standartlarina XHTML Strict dogrulama için uygun kod tutmak için akilda tutulmasi ettik. Ben kesinlikle Motor sayfa optimize Arama siki standartlara dogrulamak. Burada düz HTML bir sirasiz liste kod bir örnek:

liste ögesi 1 liste ögesi 2

madde 2 alt liste 1 adet 2 alt liste 2

liste madde 3

Asagidaki gibi yukardaki HTML kodunu Mozilla tarayicisi (örnegin Firefox 3.x ve üzeri), IE 7.x ve daha fazla ve Safari 3.2 ve benim Vista Home Premium daha büyük hale gelmesi, ancak, iç çevreleyen html etiketleri unutmayin etiketleri. Bu W3C siki dogrulama için gereklidir, aksi halde hata alirsiniz.

liste ögesi 1
liste ögesi 2

madde 2 alt liste 1
madde 2 alt liste 2

liste madde 3

Beklendigi gibi yukarida UL ve LI etiketleri biçimi. Ben encounterd tek hata 7.x ve daha fazla ikinci UL etiketi dogru dikey bosluk yoktu olan Internet Explorer ile oldu. Yani IE bu hata sadece böylece ikinci UL etiketi margin-top eklemek çözmek için:

liste ögesi 1
liste ögesi 2

madde 2 alt liste 1
madde 2 alt liste 2

liste madde 3

Isin tuhafi, Firefox 3.x ve daha fazla ve Safari 3.2 ve bu kod geçen biraz daha büyük olan hiçbir ekstra bosluk yoktu. Diger bir deyisle, margin-top: 10px Firefox ve Safari ile herhangi bir etkisi yoktu.