WordPress.org

Ready to get started?Download WordPress

Forums

How to rid the space between the header image and the menu images (5 posts)

  1. mindgarden.me
    Member
    Posted 2 years ago #

    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!

  2. peredur
    Member
    Posted 2 years ago #

    I don't see a gap. Have you fixed it?

    Cheers

    PAE

  3. luetkemj
    Member
    Posted 2 years ago #

    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.

  4. keyaspects
    Member
    Posted 2 years ago #

    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......! :P
    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.

  5. mindgarden.me
    Member
    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic