Hejhej drugari,
pokušavam da napravim neki horizontalni meni na nekom nazovi sajtu, čisto igre radi. Ime sajta je na crvenom, a elementi menija na plavom delu (divu). Hoću da, kada mišem pređem preko elemenata menija, dobijem ovo:
a dobijem ovo:
CSS koji sam koristio je sledeći (samo ono što je bitno):
Kod:
#meni {
position: absolute;
width: 400px;
height: 19px;
top: 38px;
font-size: 1.2em;
font-weight: bold;
list-style:none;
background: #ccc;
text-align:center;
text-decoration:none;
}
#meni li{
display:block;
float:left;
width:100px;
height:30px;
}
#meni a:hover{
/*color:#357;*/
background:url(slika.png);
}
a {
color: #357;
text-decoration:none;
}
a:hover{
color:#fff;
background:url(slika.png);
}
Slika
slika.png se pojavi, međutim nebitno koju visinu joj stavim, uvek postoji "razmak" na gornjoj strani koji je ružan.