| Autor | Zpráva | ||
|---|---|---|---|
| W4RDON Profil |
#1 · Zasláno: 11. 2. 2013, 20:04:01
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 |
#2 · Zasláno: 11. 2. 2013, 20:23:41
Nastavuješ výšku divu, v němž se nahoře zobrazuje nízké menu. Nastav výšku jednotlivým odkazům.
|
||
| margin Profil * |
#3 · Zasláno: 11. 2. 2013, 20:50:35
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.
|
||
|
Časová prodleva: 6 dní
|
|||
| cenek Profil |
#4 · Zasláno: 17. 2. 2013, 12:34:13
Asi
#navbar li {height: 110px}
|
||
| jenikkozak Profil |
#5 · Zasláno: 17. 2. 2013, 12:46:58
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 |
#6 · Zasláno: 18. 2. 2013, 10:53:18
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
|
||
|
Časová prodleva: 13 let
|
|||
0