Autor Zpráva
DoYouLoveMe
Profil
Dobrý den,

mám definováno takto:
.main_header nav ul.menu > li > a:hover { 
border-bottom: 4px solid #F117B4;
text-decoration: none; 
}

ale po najetí se mi o ty 4px zvětší velikost headru a tí pádem to tam přeskakuje jak přejíždím myší po odkazech a to nechci :-)

Lze nějak udělat aby se to potržení zobrazovalo od konce headru směrem nahoru a tím pádem header měl pořád stejnou velikost?



Taurus
Profil
Jedním z řešení může být přidání:

.main_header nav ul.menu > li > a { 
border-bottom: 4px solid transparent; 
}

Tím se zruší skákání, protože i bez hoveru tam bude spodní rámeček.
DoYouLoveMe
Profil
To jsem přesně potřeboval!

Díky moc.

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: