Autor Zpráva
Tomáš Jindra
Profil *
Ahoj, mám tág "nav" a v něm "ul". Jelikož jednotlivé "li" mají různou délku, nevím jak mám nastavit v css aby "ul" bylo na středu "nav" a přitom "li" bylo vždy zleva od kraje, aby nebylo taky vycentrované. Poradí někdo? Děkuji


Ještě ukázka
http://jsfiddle.net/rpqJP/
Trejpa
Profil
Tomáš Jindra:
A účelem je co? Aby měl seznam šířku podle nejdelší položky?
ul { display: inline-block; } /* (ve starém IE a quirku nefunguje) */
Tomáš Jindra
Profil *
Trejpa:
Ano, ale aby položky nebyly nastředu ale aby se vypysovali od kraje zleva..
teď je to na středu ale i s li...
http://jsfiddle.net/rpqJP/3/
Trejpa
Profil
Tomáš Jindra:
Takhle? http://jsfiddle.net/rpqJP/6/
margin
Profil *
Tomáš Jindra:
Ahoj, mám tág "nav" a v něm "ul".
Nemáš, pleteš si tag (česky značku) s elementem (česky prvkem), takže máš element "nav" a v něm "ul".

Trochu jsi se přehlédnul, místo nesmyslu text-decoration: left; dej text-align: left;
Nějak takto http://jsfiddle.net/rpqJP/5/ je to napříč prohlížeči, trochu zlobí IE6/7 (pozadí).
Styly s rovnítkovým hackem můžeš linkovat jen pro IE6/7 pomocí podmíněného komentáře, hack jsem použil kvůli zprovoznění ukázky pro jsfiddle.
Též jsem v ukázce použil DIV, má lepší podporu než okouzlující elementy.


Ještě dodám, pokud není nutné podporovat IE7, tak bych to udělal nějak takto: http://jsfiddle.net/rpqJP/7/

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: