Autor | Zpráva | ||
---|---|---|---|
hrncal.junior Profil |
#1 · Zasláno: 12. 1. 2014, 15:17:09
Ahoj,
mám opět menší problém a už nwm co s tím. Určitě se to tady řešilo. Potřebuji udělat menu (to mám), ale při najetí na určitou položku pořebuji změnit barvu (to vím jak udělat) a zároveň aby ta barva barva by měla "přetékat text" o 10 px - udělá to takový hezký rámeček. #menu{ background-color:#f9c649; width:578px; height:75px ; border-radius:2px; margin-left:auto; margin-right:auto; margin-bottom:18px; } #menu li { float: left; display: inline; list-style-type: none; line-height: 75px; color:white; } #menu li a { text-decoration: none; color: white; float: left; display: inline; margin-left:50px; font-weight:bold; } #menu li a:hover { text-decoration: none; color: white; background-color: red; left: 0; top: 0; width: 100%; background: #8ECCF0; text-align: center; } <div id="menu" style=""> <ul> <li><a href="">ÚVOD</a></li> <li><a href="">SPUSTIT TEST</a></li> <li><a href="">ZAJÍMAVOSTI</a></li> <li><a href="">KONTAKT</a></li> </ul> </div> |
||
user243 Profil |
#2 · Zasláno: 13. 1. 2014, 07:23:18
ahoj,
přidej odkazům vnitřní okraj (padding); |
||
hrncal.junior Profil |
#3 · Zasláno: 13. 1. 2014, 12:21:07
Aha. Takže dát vnitřní okraj a nadefinovat mu barvu?
|
||
user243 Profil |
#4 · Zasláno: 13. 1. 2014, 18:47:57
přidáním vnitřního okraje odkazu se Ti vlastně rozšíří aktivní oblast odkazu; takže se po najetí kurzorem změní barvu i ta rozšířená část;
nejlíp to pochopíš, když si to vyzkoušíš; |
||
Časová prodleva: 10 let
|
0