Autor | Zpráva | ||
---|---|---|---|
Ládia Profil * |
#1 · Zasláno: 2. 11. 2011, 00:13:09
Ahoj, poradí někdo jak nastylovat tento seznam?
Mám html <div class="obal"> <ul class="foo"> <li>Jeden text<li> <li>Druhý text<li> <li>Třetí text<li> </ul> </div> nebo <div class="obal"> <ul class="add"> <li>Jeden textJeden textJeden textJeden text<li> <li>Druhý textDruhý textDruhý textDruhý text<li> <li>Třetí textTřetí textTřetí textTřetí text<li> </ul> </div> a v CSS mám zatím div.obal {width:800px;} Co potřebuji je to, aby ul bylo horizontálně uprostřed toho divu a přitom se přizpůsobilo šířce toho textu. Čili u ul.foo v tomto případě bude ul široké cca 150px ale u ul.add už bude šířka cca 300px a přitom to zůstalo pořád na středu. S table to jde v pohodě, nezadám žádnou šířku a je to, ale s ul to nejde. Děkuji odborníkům za pomoc |
||
Bubák Profil |
#2 · Zasláno: 2. 11. 2011, 01:57:49 · Upravil/a: Bubák
Třebas takto:
.obal {width:800px; text-align: center; background: gold;} .obal ul, .obal li {display: inline; margin: 0; padding: 0; background: #def;} |
||
Ládia Profil * |
#3 · Zasláno: 2. 11. 2011, 13:43:42
Bubák:
To jsem ten dotaz tak blbě napsal, je k nepochopení? |
||
Plaváček Profil |
#4 · Zasláno: 2. 11. 2011, 14:31:17
Ládia:
„To jsem ten dotaz tak blbě napsal, je k nepochopení?“ Stejně jako Bubák jsem dotaz také příliš nepochopil. Co zkusit názornou ukázku? |
||
Bubák Profil |
#5 · Zasláno: 2. 11. 2011, 14:39:13 · Upravil/a: Bubák
Takhle?
.obal {width:800px; background: gold; *text-align: center; } .obal ul {background: #def; display: inline-block; display: table; margin: auto; } .obal ul { *display: inline-block; *text-align: left; } .obal ul { *display: inline; } Pravidla s hvězdičkovým hackem jsou kvůli IE6 a IE7, které neznají tabulkové hodnoty display, čistší by bylo použít podmíněný komentář. Dodatek: Inspisoval jsem se = řešení jsem ukradnul z Centrování menu s neznámou šířkou* |
||
Časová prodleva: 12 let
|
0