Jak na nulové odrážky v seznamech

Nacházíte se zde: Novinky » Články » Jak na nulové odrážky v seznamech

Otázka

Jak vytvořit klasický seznam (tag ul) bez odsazení z levé strany?

Odpověď

Internet Explorer i Mozilla počítají zmíněné odsazení trochu jinak. Nastavíme-li ul{margin:0}, Internet Explorer seznam posune doleva, ale ořeže i odrážky. V Mozille se nic nezmění (pokud bychom nastavili ul{padding:0}, tak se situace obrátí).

Řešením je nastavení nulového vnějšího okraje a vnitřního okraje na přibližnou šířku odrážky (doporučuji udávat v relativních jednotkách, nejlépe v EM — rozměr odsazení se tak bude udržovat konstantní i při změně velikosti písma).

ul {
     margin: 0;
     padding: 1.5em
}

Pro „oříznutí“ typických odrážek přidejte jednu definici:

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

Vloženo: 26.2.2004


Copyright © 2004 Vít Dlouhý, Všechna práva vyhrazena ®
XHTML 1.1, CSS 2.1, Dogma W4