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: 11 let
|
0