| Autor | Zpráva | ||
|---|---|---|---|
| kozusnik Profil |
#1 · Zasláno: 2. 2. 2012, 13:56:18
Dobrý den, mám problém s nastavením výšky horizontálního menu (výška odkazu). Mám menu, výška se dá měnit nastavením v CSS u "ul", ale nevím, jak nastavit výšku pozadí odkazu, aby byla stejně vysoká jako menu - pozadí se mi zobrazí jen na výšku textu :(
Zdroják HTML: <ul class="menu"> <li> <a href="#" >1. položka</a></li> <li> <a href="#" >2. položka</a></li> <li> <a href="#" >3. položka</a></li> </ul> Zdroják CSS: ul.menu {
background-color: black;
color: white;
background-image: url("obrazky/menu.jpg");
}
ul.menu li {
display: inline;
list-style-type: none;
text-align: center;
line-height: 30px;
font-family: Arial;
}
ul.menu li a {
padding-left: 10px;
padding-right: 10px;
color: white;
display: inline;
border-right: 1px solid grey;
height: 30px;
text-decoration: none;
}
ul.menu li a:hover {
padding-left: 10px;
padding-right: 10px;
background-image: url("obrazky/menu_hover.jpg");
color: white;
display: inline;
height: 30px;
text-decoration: underline;
}Moc děkuju za odpovědi |
||
| panther Profil |
#2 · Zasláno: 2. 2. 2012, 14:18:21
kozusnik:
nastav odkaz jako blokový - řádkovým elementům nejde přidávat rozměry. |
||
| Bubák Profil |
#3 · Zasláno: 2. 2. 2012, 14:56:27
Vypadá to, že hledáš něco takového:
http://teststranek.kvalitne.cz/menu7.1/ Je tam float, floatované elementy jsou automaticky blokové a je možné jim dát rozměry. Pokud hledáš menu, kde včechny odkazy budou mít stejnou šířku, tak si menu uprav, nebo použij jiné menu. |
||
| kozusnik Profil |
#4 · Zasláno: 2. 2. 2012, 18:10:22
Aha, to mi nedošlo, tak moc díky za rady....
|
||
|
Časová prodleva: 12 let
|
|||
0