Hi,

I have getting one problem when change the background image on mouse over in vertical navigation

I am attaching the ZIP file(lightning-surge-protection-grounding-systems file), when i was take mouse over on the link "Lightning Protection", Background images showing not properly. Pls fix it

Hi there,

I have looked and checked for your problem you are having on Vertical Navigation Background Image Problem within the attachment and here is the attached files that I have modified:

inebv.zip

Here is the original code of your CSS provided in the attached file inveb.css is:

content .subleft {
width:224px;
height:auto;
margin:0;
padding:0;
float:left;

}

content .subleft ul {
width:224px;
padding:0;
margin:0;
float:left;
list-style:none;
}
content .subleft li {
width:221px;
height:26px;
background:url(images/sub-menu.jpg) repeat-x 0 0;
list-style:none;
padding-top:6px;
padding-left:3px;
margin:0px;
font-family:Tahoma, Geneva, sans-serif;

}

content .subleft li a {
color:#000;
display:block;
text-decoration:none;

}

content .subleft li a:hover {
color:#666;
background:url(images/sub-menu-hover.jpg) 0 0;
background-position:-100px;

}

And for your information here is the CSS code that I have modified the file inveb.css that you had provided in the attachment is:

content .subleft {
width:224px;
height:auto;
margin:0;
padding:0;
float:left;

}

content .subleft ul {
width:224px;
padding:0;
margin:0;
float:left;
list-style:none;
}
content .subleft li

{
width:221px;
height:30px;
list-style:none;
margin:0px;
padding-left:0px;
font-family:Tahoma, Geneva, sans-serif;

}

content .subleft li a{
top:6px;
width:221px;
height:30px;
background:url(images/sub-menu.jpg) repeat-x 0 0;
text-align:left;    
line-height: 2.3em;
color:#000;
display:block;
text-decoration:none;      
padding-left:4px;
font-family:Tahoma, Geneva, sans-serif;
border:1px solid black; 
}   
content .subleft li a:hover {
color:#666;
background:url(images/sub-menu-hover.jpg) 0 0;
background-position:-100px;

}

I hope you'll feel good with this changes with a chunk of code of your CSS file.

Regards
Surya

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.