Where is this space coming from?

  • Resolved Jonas Grumby

    (@ss_minnow)


    12 years, 12 months ago

    Hi everyone,

    The page is https://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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Jonas Grumby

    (@ss_minnow)

    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.

    Hi,

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

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

    Thread Starter Jonas Grumby

    (@ss_minnow)

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

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

    Thread Starter Jonas Grumby

    (@ss_minnow)

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Where is this space coming from?’ is closed to new replies.