Autor Zpráva
Gork
Profil *
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
<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
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 *
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
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 *
Dobře, tady to je: http://www.pusty.ic.cz/
Gork
Profil *
Už jsem to vyřešil, přišel jsem na jednu malou chybu. Děkuji za ochotu..
Bubák
Profil
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>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: