Skip navigation
brian914
brian914 Calculating status...
Currently Being Moderated

css weird padding issue

Sep 15, 2011 5:11 PM

I am having this issue with weird padding on I think a ul, but I can't figure where it is coming from. It looks like the ul or it's li are shifted up.

http://bluehouseorganicfarm.com/?page_id=2

 

At the top, the main navigation sits inside a div called mainNavHolder, which seems to sit in the right location. But somehow the ul inside is shifted up.

 

Any ideas why this is happening would be greatly appreciated.

 

Thanks a lot!

208 Views   2 Replies   Latest reply: brian914, Sep 16, 2011 2:25 PM
 
Replies
  • osgood_
    Currently Being Moderated
    1. osgood_,
    Sep 15, 2011 11:59 PM   in reply to brian914
    Report

    Who wrote this Wordpress css?????? It's absolutely rubbish (unless you have altered it)?????

     

    Make a back-up copy of the css file before you follow the amends below.

     

    Find the 'logo' css selector (if you can) and change it to the following:

     

    #logo {
    width: 735px;
    margin: 0 auto 20px auto;
    border: 2px solid #283567;
    }

     

    Add the below css to remove the border around the image as the border has now been set on the 'logo' css selector (see above)

     

    #logo img {
    border: none;
    }

     

    Find and change the 'mainNavHolder' selector to as follows:

     

    #mainNavHolder {
    float: left; 
    width: 100%;
    clear: both;
    }

     

    Find and change 'logo-and-nav-holder' selector as follows:

     

    #logo-and-nav-holder {
    width: 1005px;

    }

     

     

    There is simply no reason to use absolute positioning OR setting the height on any of the above selectors.

     

     

    I hate Wordpress simply because of the convoluted css in many many of the themes I've look at. As for including all the IE6 star hacks in the css that's just simply ridiculous. Who ever wrote the css has very limited knowledege and shouldn't have been let anywhere near to producing a Wordpress theme. It's some of the most rubbish css I have come across and does nothing for Wordpresses credibility - rant over.

     
    |
    Mark as:
  • brian914
    Currently Being Moderated
    2. brian914,
    Sep 16, 2011 2:25 PM   in reply to osgood_
    Report

    Hey osgood,

    thank you so much for responding! I love your honesty! I didn't write it and there was no budget for me to clean it up. I do though disagree with you that wordpress always has bad css. I think it can be whatever you want it to be and I have built themes that at least to my skills are good in terms of the css.

     

    Thanks for your solution. I tried it, but the reason I had absolute positioning is that the #mainNavHolder had to be ontop of the #logo, while both needed to link. I ended up adding margin to the ul and that visually fixed it.

     

    Thank you so much for taking the time to help me!!!

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points