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!

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • 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.