I’m using the a:active selector to show an image when a user clicks a link. When the new page is loaded I want my active image to still show. Anyone know the way to once the user clicks on the page the link keeps the same “active” image behind it?
#navbar .moduletable_menu1{
height:35px;
}
#navbar .moduletable_menu1 ul{
margin:0;
padding:0;
list-style-type:none;
}
#navbar .moduletable_menu1 ul li{
display:inline;
}
#navbar .moduletable_menu1 ul li a{
text-decoration:none;
font-family: "trebuchet MS",sans-serif;
font-size: 1em;
float:left;
height:35;
margin:12px 0;
padding:15px;
width:75px;
text-align:center;
}
#navbar .moduletable_menu1 ul li a:link {
color:#fff;
}
#navbar .moduletable_menu1 ul li a:visited {
color:#fff;
/* background-image:url('../images/hover.gif');
background-repeat:repeat-x;
background-position:center;
border: 1px solid #f16b12; */
}
#navbar .moduletable_menu1 ul li a:hover{
color:#000;
}
#navbar .moduletable_menu1 ul li a:active{
color:#000;
background-image:url('../images/hover.gif');
background-repeat:repeat-x;
background-position:center;
}
#navbar .moduletable_menu1 ul li a:focus{
color:#000;
background-image:url('../images/hover.gif');
background-repeat:repeat-x;
background-position:center;
}
Thanks!!!!
