| 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: 13 let
|
|||
0