PDA

View Full Version : All Levels menu CSS problem



silverbob
08-05-2008, 06:45 PM
1) Script Title: All Levels

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm

3) Describe problem:
When viewing this menu on IE6, some of the dropdown items would appear with underlined hyperlinks. When you hover over, the underlines wiould disappear. My coworkers see more underlined links than I do.

I figured out that the underlined links where those previously clicked on (the a:visited state). The remedy for this is to specify text-decoration: none; for all anchor states.

.ddsubmenustyle li a,
.ddsubmenustyle li a:link,
.ddsubmenustyle li a:active,
.ddsubmenustyle li a:visited{
text-decoration: none;
display: block;
width: 150px;
height:22px; line-height:22px;
color: #7c7c7c;
font-weight: bold;
background-color: #fff;
padding: 1px 5px 1px 8px;
border-bottom: 1px solid #c9d2e3;
}

.ddsubmenustyle li a:hover{
background-color: #fff;
color: #000;
font-weight: bold;
text-decoration: none;
padding: 1px 5px 1px 8px;
border-bottom: 1px solid #c9d2e3;
height:22px; line-height:22px;
}

jscheuer1
08-06-2008, 05:32 AM
This generally would only be a problem if those states are otherwise designated for more general selectors that could also apply.