WordPress.org

Support

Support » How-To and Troubleshooting » How to rid the space between the header image and the menu images

How to rid the space between the header image and the menu images

  • Hi Everyone,

    The best way to describe the problem is to look at my site directly – http://mindgarden.me/ the header image has a gap under it which I can’t figure out why it is there, in Dreamweaver there is no gap.

    The only css that may effect it is:

    #page-wrap {	width: 1000px;
    		margin:0 auto 15px;
    		background:#3d2108;
    		padding-bottom: 20px;
    }

    Which is the div it is wrapped in, that should effect the table. So I’m stumped. Let me know if you can help, thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • I don’t see a gap. Have you fixed it?

    Cheers

    PAE

    margin:0 auto 15px;

    margin works like a clock> margin: top right bottom left

    you are telling it to have 0 margin on top, auto left, 15px bottom, and auto right (it’s blank but will default to match the left)

    You want something like margin: 0 auto;

    EDIT
    Although looking at the site using tables like that is going to cause you problems and could be very easily done with a div with the bg set to the brown and bottom padding. Tables are good for tabular data but not for layout. You’ve heard this before. But it’s true.

    Shows up in crome, You’ve a table row in-between the header image and the images below that. Get rid of the <tr></tr>, In fact while you’re at it get rid of all the tables……! 😛
    did someone say Dreamweaver (I though swear words were not allowed in the forum….)

    EDIT
    Although looking at the site using tables like that is going to cause you problems and could be very easily done with a div with the bg set to the brown and bottom padding. Tables are good for tabular data but not for layout. You’ve heard this before. But it’s true.

    Thanks for the advice, I have added the whole thing in a div tag which wraps around the whole site

    #header {width:1000px;
    background:#3d2108;
    margin:0 auto;
    padding-bottom: 20px;}

    So the padding at the bottom only effects the bottom of the site not the header, however I still see a space between the header and the menu… I inserted a <br> straight after the header image… not sure what to do

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to rid the space between the header image and the menu images’ is closed to new replies.
Skip to toolbar