Hi,
I have added the hover to the HeaderMenu on my site with HomePage showing Visited or Selected as a default. However, I can't seem to make the rest of the buttons highted as selected when I clicked on them.
http://myamericanfurnituregalleries.com
Above is the link to my site and since I am new to ASP.NET and other related issues, I thought of throwing my questions in this Forum and hopefully, someone with experience can guide me.
The codes I have in my style sheet as follow:
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
MASTER HEADER MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.headermenu
{
background: #efebce;
height: 34px;
width: 960px;
}
.headermenu ul{margin: 0px auto;}
.headermenu li
{
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}
/* ancors Start
---------------------*/
a{outline: none;}
a, a:link, a:visited {
color:#006699;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.headermenu li a
{ display: block;
float: left;
height:26px;
text-decoration: none;
padding: 6px 19px 0px 19px;
border-right: 2px solid;
font-weight: bold;
background: #935d29;
color: #4c1d00;
border-color: #935d29;
background:transparent url('images/nav_tab_bg.png') no-repeat scroll left top;
}
.headermenu li a:hover, .headermenu li a.selected, .headermenu li a.selected:hover
{ background: #82974B;
color: #EEE;
border-color: #935d29;
background:transparent url('images/nav_tab_bg.png') no-repeat scroll left top;
background-position: 0 -34px;
}
I appreciate all the help I can get!