Jump to content

[SOLVED] CSS Wordpress Theme Menu Alignment


gamerzfuse

Recommended Posts

I'm using a Wordpress theme that was supposedly custom made and modded to my liking.

I have a slight CSS issue though and the developer has gone missing.

I do know my CSS, but all the changes I've made have yet to work on what appears to be a CSS Padding issue.

 

Basically, www.craighooghiem.com/test shows a nice clean page, but loaded into Internet Explorer the left-hand navigation goes screwy. 

 

If you hover over the menu a couple times, you'll note that it slips back into place on what seems like a random occurrence every couple of times.

 

The related CSS:

/**** Main Menu ****/

#sidebar ul.navlist {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 268px;
  font-size: 16px;
}

#sidebar ul.navlist li {
  display: inline;
  line-height: 0px;/* fix the unwanted gap between li elements in FF */
}

#sidebar ul.navlist li a {
  display: block;
  height: 30px;
  line-height: 30px;
  color: white;
  padding: 2px 2px 2px 24px;
  text-decoration: none;
  border-top: 1px solid #2e3a15;
  border-bottom: 1px solid #5a6b39;
}

#sidebar ul.navlist a:hover {
  color: #d4e2ba;
  background-color: #718e36;
  border-bottom: 1px solid #2e3a15;
}

#sidebar ul.navlist li a.noborder, #sidebar ul.navlist li a:hover.noborder {
  border-bottom: none;
}

#sidebar ul.navlist .current_page_item a, #sidebar ul.navlist .current_page_item a:hover {
  background: #718e36 url(images/menu_arrow_active.jpg) no-repeat center left;
  margin: 0;
  cursor: default;
  color: #d4e2ba;
}

 

And Possibly:

 

/*links*/
#sidebar ul li a {color: #FFFF99;}

#sidebar ul li a:hover {
  color: #FFFF99;
  border-bottom: 1px dotted #FFFF99;
}

#sidebar ul li img {
  border: 1px solid #302723;
  padding: 4px;
  background-color: #718e36;
  Margin: 0;
}

#sidebar ul li img a {
  border: none;/*remove border for linked images*/
}

#sidebar ul li img a:hover {border: none;}

#sidebar ul li img.noborder {
  border: none;
  padding: 0;
  background-color: transparent;
  Margin: 0;
  margin-left: 10px;
}

 

Thanks so much!

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.