| Autor | Zpráva | ||
|---|---|---|---|
| Tomáš Jindra Profil * |
#1 · Zasláno: 27. 9. 2013, 10:47:56 · Upravil/a: Tomáš Jindra
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 |
#2 · Zasláno: 27. 9. 2013, 11:15:56
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 * |
#3 · Zasláno: 27. 9. 2013, 11:34:50
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 |
#4 · Zasláno: 27. 9. 2013, 11:45:02
Tomáš Jindra:
Takhle? http://jsfiddle.net/rpqJP/6/ |
||
| margin Profil * |
#5 · Zasláno: 27. 9. 2013, 11:47:40 · Upravil/a: margin
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/ |
||
|
Časová prodleva: 11 let
|
|||
0