Autor | Zpráva | ||
---|---|---|---|
quiet_user Profil |
#1 · Zasláno: 30. 11. 2010, 18:48:34
Ahoj,
rád bych zarovnal <ul> <li id="automobilovy-svet"><a href="#">Automobilový svět</a></li> <li id="cestopisy-cestovani"><a href="#">Cestopisy, Cestování</a></li> </ul> pod sebe, ale vlevo... teď mám všechny pod sebou, ale naprostřed.. chtěl bych to vyřešit bez divů a odstavců, pouze pomocí vepsání do css UL či LI, ovšem zkoušel jsem co mě napadlo a nic. Seznamy jsou obrázkové. Děkuju moc za radu |
||
soucekgns Profil |
#2 · Zasláno: 30. 11. 2010, 19:16:21
mělo by fungovat
text-align: left float: left pokud ti tam nefunguje text-align: left, je dost možné, že tam někde může být chybička ve formátování... (někde jsi zapomněl dát např.: </div>) PS: zalomení řádku je <br> |
||
quiet_user Profil |
#3 · Zasláno: 30. 11. 2010, 19:24:07
Vyřešil jsem to trošku jinak, ale ještě tu mám jeden problém s tím, že obrázek má 20x20 a řádku (li) jsem teď nastavil 20, přesto to není zarovnané na střed (vertikálně). Zkusil jsem vertikální zarovnání (middle), nešlo... zkusil jsem pevnou výšku, což mi pouze srovnalo tyto 2 položky na stejnou výšku, ale nezarovnal se mi obrázek s textem.
zde je kód li { height: 20px; text-align: left; list-style-position: inside; padding-bottom: 5px; } obrázek má taky 20px, děkuji za rady... |
||
quiet_user Profil |
#4 · Zasláno: 30. 11. 2010, 19:46:19
li { vertical-align: middle; line-height: 20px; text-align: left; list-style-position: inside; padding-bottom: 5px; } zkusil jsem taky toto, nejde... |
||
Petr ZZZ Profil |
#5 · Zasláno: 30. 11. 2010, 20:29:09
Zkusil jsi
ul {text-align:left} ?
|
||
quiet_user Profil |
#6 · Zasláno: 30. 11. 2010, 20:39:30
quiet_user:
> Vyřešil jsem to trošku jinak, ale ještě tu mám jeden problém s tím, že obrázek má 20x20 a řádku (li) jsem teď nastavil 20, přesto to není zarovnané na střed (vertikálně). Zkusil jsem vertikální zarovnání (middle), nešlo... zkusil jsem pevnou výšku, což mi pouze srovnalo tyto 2 položky na stejnou výšku, ale nezarovnal se mi obrázek s textem. > > zde je kód > > 123456 > li { > height: 20px; > text-align: left; > list-style-position: inside; > padding-bottom: 5px; > } > > obrázek má taky 20px, děkuji za rady... teď mluvíme o tomto |
||
Petr ZZZ Profil |
#7 · Zasláno: 30. 11. 2010, 21:19:13
quiet_user:
Aha, změna tématu. Jestli teď mluvíš o vertikálním pozicování odrážek, tak to řekni, nemusíš citovat celý příspěvek. Zkus se podívat na vlákno Mizející odrážky, nebo si projdi výsledky hledání svislého pozicování odrážek. Pokud jsem se netrefil, prosím o živou ukázku. |
||
Časová prodleva: 13 let
|
0