Autor Zpráva
W4RDON
Profil
Dobrý den mám takový problém při nastavení výšky menu přes height: neco px; me menu zustava porad stejné... Nevíte v čem je problém ?
body {
            margin:0;
            padding:0;
            text-align: center;
            background-color: #ffffff;
        }
#navbar {
        text-align: left;
        margin: 0 auto;
        background-color: #fff;
        width: 100%;
    height:110px;
        }
        
ul    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        }
        
ul li {
        float: left; 
    width:20%;
        }
        
ul li a {
        display:block;
    padding: 5px 32px;
        color: #fff;
        text-decoration: none;
        background-color: #999;
        }
        
ul li a:hover {
        background-color: #000;
        color: red;
        }
       
<div id="navbar">
    <ul>
        <li><a href="#">Menu 1</a></li>
        <li><a href="#">Menu 2</a></li>
        <li><a href="#">Menu 3</a></li>
        <li><a href="#">Menu 4</a></li>
        <li><a href="#">Menu 5</a></li>
    </ul>
    </div>
jenikkozak
Profil
Nastavuješ výšku divu, v němž se nahoře zobrazuje nízké menu. Nastav výšku jednotlivým odkazům.
margin
Profil *
Menu se chová přesně tak, jak je napsané. Výšku #navbar máš deklarovanou a výška položek menu je výška textu plus horní a dolní padding. Čeho chceš dosáhnout, netuším.
cenek
Profil
Asi #navbar li {height: 110px}
jenikkozak
Profil
cenek:
Ne. To by se projevovalo úplně stejně. Barvu na pozadí mají odkazy, je tedy potřeba zvětšit je:
#navbar li a {height: 110px}
cenek
Profil
jenikkozak:
Pravda, přehlédl jsem... Pokud se nepletu pak taky musí být #navbar li a {height: 110px; display: block}, display block aby na odkaz fungovala výška

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: