Weird White Space

[WhiteOut]

Can you guys help me figure out whats causing the white space between my banner and my navigation on http://josephdefazio.com?
I can't figure it out.

Thanks

 

[GrandeMike]

Usually an issue with using tables and the way the different browsers want to display them. If you went with a straight CSS format rather than div # -> Table -> div#, it would probably get rid of it. Just from what I've experienced anyway. And when it happens to me, it usually hits IE more than FF.

 

[VPmase]

Try adding valign="top" to the <td> tags.

 

[WhiteOut]

Try adding valign="top" to the <td> tags.

I just tired that and it didn't work =[

 

[xPlozion]

make sure that the image has the css property display:block; or display:inline;. It could also be an issue with a new line after the image is shown...

 

[ruan800]

this is a workaround ,

this is your NEW navigation div ,

<div style="background-repeat: repeat-x; background-color: black; background-image: url(../images/navbg.png); margin-top: -6px;"><a class="nav" href="http://forums.x10hosting.com/index.php">Home </a>

<a class="nav" href="http://forums.x10hosting.com/videos.php">Videos</a>
<a class="nav" href="http://youtube.com/josephdefazio">Youtube</a>
<a class="nav" href="http://forums.x10hosting.com/contact.php">Contact</a>
</div>

this shifts your banner up against the heading picture, and removes the white space

 

[WhiteOut]

this is a workaround ,

this is your NEW navigation div ,

<div style="background-repeat: repeat-x; background-color: black; background-image: url(../images/navbg.png); margin-top: -6px;"><a class="nav" href="http://forums.x10hosting.com/index.php">Home </a>

<a class="nav" href="http://forums.x10hosting.com/videos.php">Videos</a>
<a class="nav" href="http://youtube.com/josephdefazio">Youtube</a>
<a class="nav" href="http://forums.x10hosting.com/contact.php">Contact</a>
</div>

this shifts your banner up against the heading picture, and removes the white space

Thanks, but I already knew I could do that. I want to know whats causing it, because I don't see anything in my code that would cause it do that. I don't want to use a work around.

 

[xPlozion]

I don't know if you checked, but I believe that the reason I gave above about it the image display style is probably the problem. I've had issues with images adding a 5px padding on the bottom, and when I made it display:block, it went away.

PS, my issue was with tables too.

<img src="http://forums.x10hosting.com/images/logo.png" id="logo" alt="Free Video Tutorials">

img#logo {
display:block;
}

The code above should solve your problem

 

[WhiteOut]

I don't know if you checked, but I believe that the reason I gave above about it the image display style is probably the problem. I've had issues with images adding a 5px padding on the bottom, and when I made it display:block, it went away.

PS, my issue was with tables too.

<img src="http://forums.x10hosting.com/images/logo.png" id="logo" alt="Free Video Tutorials">

img#logo {
display:block;
}

The code above should solve your problem

Thank you very much! That worked perfectly.