0

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

2
Contributors
1
Reply
2
Views
7 Years
Discussion Span
Last Post by $urya
0

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

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.