homepage Welcome to WebmasterWorld Guest from 75.101.242.83
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
UL List Problem / a:visited Problem
Problem with browsers in UL and a:visited rules
jonbooster




msg:4381770
 7:22 pm on Oct 31, 2011 (gmt 0)

Hi,

I just created metallicatshirts.com and I am having trouble with the left hand vertical navigation menu in Internet Explorer and Firefox. After each link is clicked while using IE and Firefox, the list element shifts to the right. It appears that it is contained in some sort of block. From doing some research on-line, I believe it may be the a:visited CSS rule in my CSS file that is causing the problem. Below is my CSS rules for the navigation bar. Any suggestions are much appreciated.

Thanks.

.ulNavBarVertical {
/* position:relative; */
padding:0;
margin:0;
width:0;

}
.ulNavBarVertical li {
list-style-type:none;
margin:0 0 0.25em 0;

}
.ulNavBarVertical a, .ulNavBarVertical a:visited {
position:relative;
display:block;
width:143px;
/*border:1px solid #333333;*/
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:11px;
text-align:left;
text-decoration:none;
/*background:#107AC0; */
color:#333333; /* ADDED */
padding-top: 0.25em;
padding-left: 5px;
padding-bottom: 0.25em;

/*padding:5px; */
}

.ulNavBarVertical a:hover {
color:#107AC0;
background-color: #FFFFFF;
background-image: none;

}
.ulNavBarVertical a span {
display:none;

}
.ulNavBarVertical a:hover span {
display:block;
position:absolute;
left:70px;
top:0;
text-align:left;
padding:0.5em;
width:24em;
background-color:#FFFFFF;
color:#333333;
border:1px solid #107AC0;


}
.ulNavBarVertical img {
border:1px solid #000;
float:left;
margin:0.25em 1em 0.5em 0;

}
.ulNavBarVertical a:hover span:first-line {
font-weight:bold;
font-size:1.2em;
color:#107AC0;

}

 

rocknbil




msg:4382677
 4:37 pm on Nov 2, 2011 (gmt 0)

Welcome aboard jonbooster, removing a:visited from this selector

.ulNavBarVertical a, .ulNavBarVertical a:visited {

... then create a second rule for any visited attributes. It's the only thing that sticks out for me ATM.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved