Jump to content

Padding around my Menu Items


KateMacwil
 Share

Recommended Posts

Hi

I am trying to create a menu and for some reason I am getting padding around the outside of my menu items
and my list items seem to be about 10px in from the margin which I don't want.
How do I fix this?

 

 

#sub-navigation
{
background-color: #f6f6f6;
border: 1px groove #0c6bb5;
margin: 0px;
}

#sub-navigation ul
{
list-style-type: none;
margin-left: 0px;
margin: 0px;
}

#sub-navigation li 
{
background-image: url("http://dev.townofbauline.ca/wp-content/uploads/2018/04/menuBack-01.jpg");
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 13px;
font-weight: semi-bold;
margin:0px;
padding:0px;
}

#sub-navigation a:hover
{
color: #FFFFFF;
text-decoration: none;
}

#sub-navigation a:active
{
color: #FFFFFF;
background-color:#0c6bb5;
text-decoration: none;
}

#sub-navigation a:visited
{
color: #FFFFFF;
text-decoration: none;
}

 

menu-issue.png

Link to comment
Share on other sites

Without seeing the page itself, or at least the HTML, I can only make guesses. It looks as if there are more elements than the ones that your CSS is styling. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...