[SOLVED] Spaces between images

[CoreyR]

Anyone know why this is happening?

 

http://www.romerowebsites.com

 

HTML CODE

<div align="center" id="logo">
	<a href="index.php?page=index"><img src="/images/logo.gif" border="0"><br /><img src="/images/logo_bottom.gif" border="0"></a>
<div id="navi">
	<img src="/images/spcr.gif" width="14" height="1"><a href="page.php?page=about"><img src="/images/nav_about.gif" border="0"></a><img src="/images/spcr.gif" width="14" height="1"><a href="page.php?page=examples"><img src="/images/nav_examples.gif" border="0"></a><img src="/images/spcr.gif" width="14" height="1"><a href="page.php?page=port"><img src="/images/nav_portfolio.gif" border="0"></a><img src="/images/spcr.gif" width="14" height="1"><a href="page.php?page=contact"><img src="/images/nav_contact.gif" border="0"></a><img src="/images/spcr.gif" width="45" height="1"><img src="/images/nav_right.gif">
</div>

CSS CODE
#logo {
width:780;
margin:0;
padding:0;
}

[akitchin]

there's a good chance the line breaks in the HTML code itself is the culprit.  it sounds counter-intuitive, but i often find that linebreaks in some code (particularly where minimally defined DIVs are concerned).

[CoreyR]

Should I create a second div?

[calabiyau]

I think there are better ways to approach your layout, but if you want to do it this way, then try adding style="vertical-align:bottom;" to the top images and style="vertical-align:top;" to the bottom images.  Insert it into the tags right after the src attribute.  Not sure that it will solve your problem but i've had similar things when I've put images that are supposed to be aligned.

[calabiyau]

i see you tried that...not going to work down the page though.  try giving your nav div a negative top margin within your style

 

margin-top: -5px;

 

or whatever until you get it in place. then do that with each section below maybe.

[CoreyR]

Got it to work, thanks guys!