Question

Why are there gaps in this website I’m working on? I’ve tried setting margins, padding etc. to 0px but nothing seems to affect it.

Edit – apologies; I screwed up the link to the website. This is now fixed.

Answer 1

You may have inserted some styles you have forgotten about. Judging from the pic I would assume your html would look something like this like this

<ul id="nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Gallery</a></li>
</ul>

<div id="something">
</div>

your nav links or list items look as if they have a margin of 5px, and your div looks like it has top and bottom margin of 20px. Try to add this to your elements your are trying to fix to troubleshoot.

margin: 0 !important;
padding: 0 !important;
border: 0 !important; 

This should override any css styles preceding that may be conflicting. If it doesn’t work then we need to see code to help troubleshoot further.

[UPDATE]
You should declare a DOCTYPE instead of simply putting html tags. center tags are deprecated.

To fix your spacing try this:

#nav ul{
    list-style-type:none;
    margin:0;
    padding:0;    
    /* REMOVE
    padding-top:6px;
    padding-bottom:6px;  
    */
}  
/***********************************
-- ADD
***********************************/
hr {
    margin: 0;
}
h2 {
    margin: 0;
}

You changed the padding and margin to 0 but added it again in your ul. The hr tag was causing some of your spacing, and the heading tag was causing the rest.