|
boonedawg -> Menu Bar Problem (6/17/2006 13:39:01)
|
Ok, I have now got my site to work in IE, woot! But now I am having a small problem with my menu bar. The problem is with the submenu area. The active, hover and visited states work as planned, but the normal state is bold for some reason. I thought I fixed it with:
#navcontainer ul ul a {
background: transparent url(http://www.ramare.com/imgs/mb.gif) left center no-repeat;
font-weight: normal;
font-size: 11px;
color: #011750;
text-decoration:none;
padding-left: 10px;
}
It still appears bold until I hover or have clicked the link. [&:] Here is the styles I am using for this menu bar:
/* Sidebar Nav */
#navcontainer {
width: 178px;
background-color: #f9f9f9;
border: solid 1px #cccccc;
list-style-type: none;
padding-left: 5px;
margin: 0;
}
#navcontainer ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#navcontainer li {
padding: 0 0 3px 0;
}
#navcontainer a, #navcontainer a:link {
font-weight: bold;
color: #011750;
text-decoration: none;
}
#navcontainer a:focus, #navcontainer a:hover, #navcontainer a:active {
text-decoration: underline;
}
#navcontainer ul li {
font-weight: bold;
font-size: 11px;
padding: 2px 0 2px 0;
}
#navcontainer ul ul a {
background: transparent url(http://www.ramare.com/imgs/mb.gif) left center no-repeat;
font-weight: normal;
font-size: 11px;
color: #011750;
text-decoration:none;
padding-left: 10px;
}
#navcontainer ul ul a:focus, #navcontainer ul ul a:hover, #navcontainer ul ul a:active {
background: transparent url(http://www.ramare.com/imgs/mb2.gif) left center no-repeat;
font-weight: normal;
font-size: 11px;
color: #011750;
text-decoration: none;
padding-left: 10px;
}
#navcontainer a.activeitem {
color: #cc0000;
}
#navcontainer a.activesubitem {
background: transparent url(http://www.ramare.com/imgs/mb2.gif) left center no-repeat;
font-weight: normal;
font-size: 11px;
color: #011750;
text-decoration: none;
padding-left: 10px;
}
Any help in this matter will be greatly appreciated.
|
|
|
|
