Autor Zpráva
morca
Profil
Dobrý den,

nevím jak docílit aby při najetí kurzorem na menu se tlačítko hover zobrazilo
pouze v lince a ne mimo (nyní přesahuje). Zkoušel jsem dát vertical align
center, ale nefungovalo to ... :-(



div.menu-hlavni_menu-container a{color:#fff2c7; font-size:26px;
text-decoration:none; height:41px; display: block; }


div.menu-hlavni_menu-container
a:hover{background:url('obrazky/stranka/tlacitka/pozadi_tlac_hover.gif');}div.
menu-hlavni_menu-container a{color:#fff2c7; font-size:26px;
text-decoration:none; height:41px; display: block; }


div.menu-hlavni_menu-container
a:hover{background:url('obrazky/stranka/tlacitka/pozadi_tlac_hover.gif');}



Moc Vám děkuju za pomoc
Keeehi
Profil
Prosím o odkaz na živou ukázku.
Trejpa
Profil
morca:
Máš to špatně:
menu-hlavni_menu-container - zruš position: absolute a tím pádem i zbytečný z-index
div.menu-hlavni_menu-container ul má výšku 41 px, ale div.menu-hlavni_menu-container li má 41 + 5 px horního paddingu, takže se tam nevleze; zruš ten padding u položky menu; odkazu (už přetypovanému na blok) nastav místo horního paddingu line-height na jeho výšku, tedy 41 px
• boční odsazení mezi odkazy bych řešil left/right paddingem na odkazech
div.menu-hlavni_menu-container nepotřebuje height
div.menu-hlavni_menu-container ještě přidej border-bottom: 4px solid #7A4303;

Je tam toho víc, ale celý layout ti předělávat nebudu, snaž se taky. Hlavně bych opustil (absolutní) pozicování všeho (možnýho).
morca
Profil
Vážně moc děkuju.

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:

0