for some resone i cant do it/ some one can help me?
home =id1
service 2=id2
about =id4
cat=id3
pic=id5
mail=id6
any button have a deffrint pic and i want to do that if you use some page his button pic change;(in this code:in css a:active its what i want to show when iam in the page
html:
<div id="nav"><!--nav bar-->
<div id="home"><a href=""></a></div>
<div id="about"><a href=""></a></div>
<div id="service"><a href=""></a></div>
<div id="cat"><a href=""></a></div>
<div id="pic"><a href="l"></a></div>
<div id="mail"><a href=""></a></div>
</div><!--end nav bar-->
css:
#home a, #about a, #cat a, #pic a, #service a, #mail a{
display:block;
margin-top:0px;
margin-right:0px;
float:right;
text-decoration:none;
color:#54a490;
outline:none;
}
#home a:hover, #home a:active, #service a:hover, #service a:active, #cat a:hover, #cat a:active, #about a:hover, #about a:active, #pic a:hover, #pic a:active, #mail a:hover, #mail a:active{
color:#FFF;
background-position: 0 -51px;
}
#home a{
width:146px;
height:51px;
background-image:url('img/home.jpg');}
#service a{
width:158px;
height:51px;
background-image:url('img/serv.jpg');
}
#cat a{
width:156px;
height:51px;
background-image:url('img/cat.jpg');
}
#about a{
width:162px;
height:51px;
background-image:url('img/about.jpg');
}
#pic a{
width:175px;
height:51px;
background-image:url('img/pic.jpg');
}
#mail a{
width:165px;
height:51px;
background-image:url('img/mail.jpg');
}
☆ A M B ☆