Autor Zpráva
nezkuseny
Profil *
Zdravím, chtěl bych se zeptat jak bych mohl vycentrovat tohle menu. Poradil by mi prosím někdo?
<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
        <style>
            nav ul li{
                display:block;
                float:right;
                background:red;
            }
            nav ul li a{
                text-decoration:none;
                color:black;
                display:block;
                padding:5px;
            }
            nav ul li:hover{
                background:yellow;
            }
            nav ul li:hover a{
                color:white;
            }        
        </style>
    </head>
    <body>
        <span class="menu">
        <nav>
            <ul>
                <li><a href="">Domů</a></li>
                <li><a href="">Články</a></li>
                <li><a href="">FAQ</a></li>
                <li><a href="">Fórum</a></li>
                <li><a href="">aaaa</a></li>
                
            </ul>
        </nav>
        </span>
    </body>
</html>



Zkoušel jsem kde co, ale vždycky to nefungovalo, myslím, že protože tady neni dána šířka. Definovat šířku by pro mě řešením nebylo.
juriad
Profil
Zkoušel jsi hledat? Snad všechna tato vlákna obsahují (odkaz na) řešení.
Centrování menu - Jakpsatweb.cz - Jak psát web
Centrování menu - Jakpsatweb.cz - Jak psát web
Nelze centrovat menu
Vycentrování fixed menu - layout se rozpadává
Centrování odkazů v JS menu
vycentrování a uspořádání prvků hlavičky
Centrování menu - Jakpsatweb.cz - Jak psát web
Centrování stránky- nefunguje
Bubák
Profil
Pokud ti stačí funkčnost od IE8, deklaruj pro <ul> display: table; a pro <li> display: table-cell; ostatní jde zvládnout nastylovat bez nápovědy.
Složitější kód potřebuješ jen tehdy, pokud vyžaduješ funkčnost i ve starších Explorerech.

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: