| Autor | Zpráva | ||
|---|---|---|---|
| Gork Profil * |
#1 · Zasláno: 16. 9. 2009, 18:20:45
Zdravím....
Nedaří se mi vyřešit problém s zarovním textu seznamu na střed. Mám klasický seznam: <div id="menuHorni">
<ul>
<li><a href="/">HOME</a></li>
<li><a href="/">O PORTÁLU</a></li>
<li><a href="/">FÓRUM</a></li>
<li><a href="/">SEZNAM SERVERŮ</a></li>
<li><a href="/">OBJEDNÁVKA SERVERŮ</a></li>
<li><a href="/">KONTAKT</a></li>
</ul>
</div>Text jsem dal na řádek pomocí float: right; a následně ho skusil vycentrovat pomocí text-align: center; - tohle ale nereaguje. Nevíte, jak by to šlo vycentrovat doprostřed divu s identifikátorem menuHorni? |
||
| zvěřiňák Profil |
#2 · Zasláno: 16. 9. 2009, 21:21:02
<div id="menuHorni">
<ul id="navlist">
<li><a href="/">HOME</a></li>
<li><a href="/">O PORTÁLU</a></li>
<li><a href="/">FÓRUM</a></li>
<li><a href="/">SEZNAM SERVERŮ</a></li>
<li><a href="/">OBJEDNÁVKA SERVERŮ</a></li>
<li><a href="/">KONTAKT</a></li>
</ul>
</div>#menuHorni { text-align: center; }
#navlist li { display: inline; list-style-type: none; padding-right: 20px; } |
||
| Bubák Profil |
#3 · Zasláno: 16. 9. 2009, 21:33:00
zvěřiňák
Pokud je display jiný, než list-item (výchozí styl seznamů), není nutné deklarovat "bezodrážkovost". Uznávám, že je to vhodné pro přehlednost. |
||
| Gork Profil * |
#4 · Zasláno: 17. 9. 2009, 15:46:38
Mno skusil jsem to, ale nefunguje to. Problém je v tom, že ten seznam je uprostřed, ale není na jednom řádku. Tady je css:
#menuHorni {
background-image: url(images/bg_menu.gif) repeat-x;
height: 51px;
text-align: center;
}
#navlist li {
display: inline;
list-style-type: none;
padding-right: 20px;
}Když bych dal do menuHorni float: right;, tak to je zarovnáno na řádku, ale není to vprostřed. |
||
| Bubák Profil |
#5 · Zasláno: 17. 9. 2009, 16:21:32
„Tady je css“
Dávat sem kousek CSS je v tomto případě zbytečné, dej odkaz na probémovou stránku. „ten seznam je uprostřed, ale není na jednom řádku“ Pravděpodobně deklaruješ odkazy jako blokové, ale o tohle tajemství se s námi nechceš podělit. |
||
| Gork Profil * |
#6 · Zasláno: 17. 9. 2009, 16:41:17
Dobře, tady to je: http://www.pusty.ic.cz/
|
||
| Gork Profil * |
#7 · Zasláno: 17. 9. 2009, 17:11:11
Už jsem to vyřešil, přišel jsem na jednu malou chybu. Děkuji za ochotu..
|
||
| Bubák Profil |
#8 · Zasláno: 17. 9. 2009, 17:19:57
Nevím (tuším), jakou chybu jsi našel, kód máš "hezky" zaplevelený. Chtělo by to nějak takto:
<style>
#menuHorni ul {margin: 0; padding: 0; text-align: center;}
#menuHorni li {list-style: none; display: inline;}
#menuHorni a {margin: 0 0.8em; text-transform: uppercase;}
</style>
<div id="menuHorni">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/">O portálu</a></li>
<li><a href="/">Fórum</a></li>
<li><a href="/">Seznam serverů</a></li>
<li><a href="/">Objednávka serverů</a></li>
<li><a href="/">Kontakt</a></li>
</ul>
</div> |
||
|
Časová prodleva: 15 let
|
|||
0