| Autor | Zpráva | ||
|---|---|---|---|
| zetor22 Profil |
Ahoj, potřeboval bych poradit jak roztáhnu menu které mám v ul a odrážkách li na celý obalovací div, který má šířku třeba 1000px
div#menu_obal {
width: 1000px;
}
div#menu ul {
margin: 0px auto auto auto;
width: 100%;
display: block;
}
div#menu ul li {
display: inline;
}
<div id="menu_obal">
<ul>
<li>odkaz</li>
<li>odkaz</li>
<li>odkaz</li>
</ul>
</div> |
||
| peta Profil |
#2 · Zasláno: 10. 4. 2014, 14:53:30
Ty to sice zmenis na display:block, ale nenulujes marginy a padingy u ul a li. Bud je treba nulovat a nebo nastavit presne na pixely i s vnitrni width.
|
||
| Tomáš123 Profil |
zetor22:
div#menu_obal /*toto je správne*/{
width: 1000px;
}
div#menu ul /*tu to tiež napíš tak ako hore: div#menu_obal..., a to isté urob aj nižšie*/{
margin: 0px auto auto auto; /* toto auto viackrát vymaž*/
width: 100%;
display: block;
}
div#menu ul li {
display: inline; /*tu musí byť block*/
}To vysvetľuje prečo neberie šírku 100%. Ale aj tak tam radšej vynuluj marginy a paddingy |
||
| zetor22 Profil |
#4 · Zasláno: 10. 4. 2014, 15:02:34
dal jsem u ul i li
margin: 0px; padding: 0px; ale výsledek stejnej... je to natěsnaný na sebe a k levému okraji.... tu vnitřní šířku právě bych nastavovat nechtěl, kdyby se měnil počet těch odkazů tak aby mi to automaticky spočítalo, šlo by to? |
||
| Tomáš123 Profil |
#5 · Zasláno: 10. 4. 2014, 15:04:45
viď [#3]
|
||
| zetor22 Profil |
stále mi to nefunguje...
ukázka: http://ukazky.maxcz.cz/?p=ukazka4 kód: div#menu_obal {
margin: 0px auto auto auto;
width: 970px;
border: 1px solid black;
}
div#menu_obal ul {
margin: 0px;
width: 100%;
display: block;
}
div#menu_obal ul li {
display: inline;
}
<div id="menu_obal">
<ul>
<li>aaaaa</li>
<li>odkaz 2</li>
<li>třetí</li>
</ul>
</div> |
||
| Tomáš123 Profil |
zetor22:
Aby si to nemal za sebou použi display: block;
Ak chceš aby bol text v strede použi: text-align: center;
margin: 0 auto; by malo nejaký zmysel keby si mal text obalený napr. v paragrafe
|
||
| zetor22 Profil |
#8 · Zasláno: 10. 4. 2014, 17:19:53
no jakmile dám display: block; do odrážek, tak se zobrazí pod sebou...
|
||
| Bubák Profil |
#9 · Zasláno: 10. 4. 2014, 17:35:23
Mám za to, že se pokoušíš o něco takového:
http://kod.djpw.cz/zqcb http://kod.djpw.cz/zqcb- řádek 2, stačí margin: auto;, dětá totéž, co tvůj původní zápis, více CSS specifikace, případně zmínka http://jecas.cz/centrovani#text-align
CSS řádky 8, 9 2 pro ul je vhodné vynulovat levý margin i padding
Ještě by to chtělo poladit pro starší Explorery. |
||
| zetor22 Profil |
#10 · Zasláno: 10. 4. 2014, 18:00:36
super, přesně tak bubáku, díky.... jen ještě drobnost... ještě bych chtěl aby to dělalo ty buňky (odrážky stejně velké), v té tvé ukázce je to ok, ale u mě je to dost nerovnoměrně rozdělené, podle délky odkazu....
http://ukazky.maxcz.cz/?p=ukazka4 |
||
| Bubák Profil |
#11 · Zasláno: 10. 4. 2014, 19:28:09
V mé ukázce je tomu tak proto, že menu je užší. Protože jsem dal položkám table-cell, tak se šířky počítají podle pravidel pro buňky tabulek, velikost volného se rozpočítá podle délky textu ve tvém případě je volného místa habaděj.
Deklaruj pro položky menu maximální šířku, nevadí, že dojde ke kolizi s šířkou menu, protože <li> jsou table-cell, roztáhnou se. http://kod.djpw.cz/brcb http://kod.djpw.cz/brcb- Je možné použít i jiné jednotky, než em. Pokud dáš v ukázce malou hodnotu max-width (třebas 1 em), budou položky skoro stejně široké, pokud bude dostatek volného místa. http://kod.djpw.cz/arcb http://kod.djpw.cz/arcb- |
||
| Tomáš123 Profil |
#12 · Zasláno: 10. 4. 2014, 19:28:52
zetor22:
„no jakmile dám display: block; do odrážek, tak se zobrazí pod sebou...“ Tak to som nevedel, keď som si tvoj [#1]prvý kód zobrazil bolo tam vertikálne menu, takže som z toho vyvodil záver, že máš problém s vertikálnym menu. Tak prosím ospravedlň moje keci mimo veci. |
||
| zetor22 Profil |
#13 · Zasláno: 10. 4. 2014, 21:12:57
Díky moc za rady, jsem moc vděčen každému kdo byl ochoten přispět....
|
||
|
Časová prodleva: 10 let
|
|||
0