| Autor | Zpráva | ||
|---|---|---|---|
| Trafer Profil * |
#1 · Zasláno: 9. 5. 2014, 17:15:07
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 |
#2 · Zasláno: 9. 5. 2014, 17:18:00
.menu:hover { zmeň na .menu a:hover {
|
||
| Trafer Profil * |
#3 · Zasláno: 9. 5. 2014, 17:22:32
Funguje! :)
Vďaka za rýchlu odpoveď. |
||
| Bubák Profil |
#4 · Zasláno: 9. 5. 2014, 22:51:53
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
|
||
|
Časová prodleva: 10 let
|
|||
0