Autor Zpráva
Trafer
Profil *
Ahoj, dnes by som potreboval pomôcť s malým problémom mám vytvorené horizontálne menu.

Tu je kód:

CSS
.header {
width: 100%;
height: 100px;
position: fixed;
}

.menu {
text-decoration: none;
font-size: 40px;
color: #222;
padding-left: 50px;
transition: 0.5s;
}

.menu:hover {
color: #336666;
transition: 0.5s;
text-decoration: underline;
}

HTML
<div class="header">
<img src="images/logo.png" width="100" height="100" style="float: left;padding-left: 100px;padding-top: 10px;">

<div class="menu">
<a href="#" class="menu" style="padding-left: 600px;">HOME</a>
<a href="#" class="menu">HOME</a>
<a href="#" class="menu">HOME</a>
<a href="#" class="menu">HOME</a>
</div>
</div>

Problém je v tom že chcem aby sa pri prechádzani cez odkaz v menu spravidla pod ním čiara (text-decoration: underline), lenže keď to použijem na :hover tak sa mi podčiarkne každý odkaz v menu ja chcem iba ten cez. ktorý sa prechádza myšou.

Ako nato?
weroro
Profil
.menu:hover { zmeň na .menu a:hover {
Trafer
Profil *
Funguje! :)

Vďaka za rýchlu odpoveď.
Bubák
Profil
Trafer:
Dávat každé položce menu třídu není dobrý nápad, jde to udělat nějak takto: http://kod.djpw.cz/oddb.
Vzhled odkazů v <div class=menu> deklaruješ zaměřením selektorem .menu a

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: