WordPress.org

1. Jonas Grumby
   Member
   Posted 6 months ago #

   Hi everyone,

   The page is http://linesofexcellence.com/?theme=LOEv2

   I'm trying to figure out why there is space to the left of the logo and also to the left of the nav div. Firebug shows the space on the image in yellow when I click the image tag, and the space on the nav in purple on the left and yellow top & bottom when I click the UL tag. In both cases I don't see anything in the CSS that is causing the spaces to the left of each item.

   Thanks.

2. Jonas Grumby
   Member
   Posted 6 months ago #

   Apparently purple means padding and yellow means margins in Firebug. So I have mystery padding next to the menu.

   I was able to find the margin next to the logo.

3. Tom Eschemann
   Member
   Posted 6 months ago #

   Hi,

   You are setting a 10px left margin directly in the img tag

   <img src="http://linesofexcellence.com/wp-content/themes/LOEv2/images/logo.gif" width="130" height="135" border="0" alt="" style="margin-left: 10px; "/>

4. Jonas Grumby
   Member
   Posted 6 months ago #

   Thanks Tom. I found that. Still trying to figure out where the padding to the left of the menu is coming from.

5. Tom Eschemann
   Member
   Posted 6 months ago #

   You have to reset the default browser padding by setting padding:0 on #nav ul

6. Jonas Grumby
   Member
   Posted 6 months ago #

   Excellent. Thanks. It's true for default margin too.

Reply

You must log in to post.