ovo mi je html:
Code:
<ul class="kwicks" >
<li id="kwick1"><a href="index.html" >Naslovna</a></li>
<li id="kwick2"><a href="#">Uclani se</a></li>
<li id="kwick3"><a href="#">F.A.Q</a></li>
<li id="kwick4"><a href="#">Kontakt</a></li>
</ul>
a ovo css:
Code:
.kwicks {
list-style : none;
position : relative;
margin : 0;
padding : 0;
background-image : url("../img/no_flicker.jpg");
}
.kwicks li {
display : block;
overflow : hidden;
padding : 0;
cursor : pointer;
float : left;
width : 125px;
height : 40px;
margin-right : 0;
background-image : url("../img/kwicks_sprite.jpg");
background-repeat : no-repeat;
}
.kwicks a {
display : block;
height : 40px;
text-indent : -9999px;
outline : none;
}
#kwick1 {
background-position : 0 0;
}
#kwick2 {
background-position : -200px 0;
}
#kwick3 {
background-position : -400px 0;
}
#kwick4 {
background-position : -600px 0;
}
#kwick1.active, #kwick1:hover {
background-position : 0% bottom;
}
#kwick2.active, #kwick2:hover {
background-position : -200px bottom;
}
#kwick3.active, #kwick3:hover {
background-position : -400px bottom;
}
#kwick4.active, #kwick4:hover {
background-position : -600px bottom;
}
Mozes mi savjetovati kako oznaciti sad da je naslovna aktivna?
unaprijed hvala!
Kod stavljaj unutar tag-ova za kod.
[Ovu poruku je menjao Nikola Poša dana 12.02.2010. u 15:36 GMT+1]