Autor Zpráva
kozusnik
Profil
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
kozusnik:
nastav odkaz jako blokový - řádkovým elementům nejde přidávat rozměry.
Bubák
Profil
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
Aha, to mi nedošlo, tak moc díky za rady....

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: