Space between tables

[omar32]

Hello, I cannot for the life of me get rid of the annoying space between the two tables on my home page www.sgvdodgers.com. It seems there is nothing in the code that would indicate to the browser to implement a space between the tables. There are three tables, the top two are connected just fine, but there is a large space between the 2nd and third tables. Any ideas how to make this go away? Here is the code:

<table width="950" border="1" cellpadding="5" align="center">
<tr>
<td align="center" width="150" height="150" bgcolor="white">
<img src="dodgerslogo.jpg" width="150" height="150" align="center" />
</td>

<td align="center" bgcolor="#003399" valign="middle" width="650">
<font size="+4" color="#ffffff">Welcome to the Home of the</font> <br />
<font size="+6" color="#FFFFFF">SGV Dodgers</font>
</td>

<td align="center" width="150" height="150" bgcolor="white">
<img src="dodgerslogo.jpg" width="149" height="149" align="center" />
</td>
</tr>
</table>


<table width="950" border="1" bordercolor="white">
<tr>
<td height="80" align="center" bgcolor="#000099" valign="middle">

<center>
<p><font color="white"><strong>
Manager: Omar Serrato 909-268-3971 oserrato32@yahoo.com <br />
Assistant Managers: Bobby Quinn, Saul Valderrama<br />
Team Administrator: Brent Kroeger; God Father: Sal Correa <br />
</strong></font> </p>
</center>

</td>
</tr>
</table>

The space occurs here
<table width="950" border="1" bordercolor="white">

[mburt]

Yeah, that's because tables a block-level elements, so logically they won't be right next to each other. You are using more than one table here, and that is the reason why they aren't "connected" more tightly :)

[mburt]

Try this:

<table width="950" border="1" cellpadding="5" align="center">
<tr>
<td align="center" width="150" height="150" bgcolor="white">
<img src="dodgerslogo.jpg" width="150" height="150" align="center" />
</td>

<td align="center" bgcolor="#003399" valign="middle" width="650">
<font size="+4" color="#ffffff">Welcome to the Home of the</font> <br />
<font size="+6" color="#FFFFFF">SGV Dodgers</font>
</td>

<td align="center" width="150" height="150" bgcolor="white">
<img src="dodgerslogo.jpg" width="149" height="149" align="center" />
</td>
</tr>
</table>


<div style="text-align:center">
<div style="width:950px;background:#000099;text-align:center">
<font color="white"><strong>
Manager: Omar Serrato 909-268-3971 oserrato32@yahoo.com <br />
Assistant Managers: Bobby Quinn, Saul Valderrama<br />
Team Administrator: Brent Kroeger; God Father: Sal Correa <br />
</strong></font>
</div>
</div>

[omar32]

Any ideas on how to get rid of the spaces? I tried to make it all one table but it just doesn't work.

[mburt]

Did you try my suggestion above?

[omar32]

yeah it didn't work so well, still experimenting

[jscheuer1]

Looking at your page, I think it might be the flash objects that are causing this for some reason but, I canot see why. This fixed it up though:


. . . Assistant Managers: Bobby Quinn, Saul Valderrama<br />
Team Administrator: Brent Kroeger; God Father: Sal Correa <br />
</strong></font> </p>
</center>

</td> </tr>

</table>



<table width="950" border="1" bordercolor="white" style="margin-top:-45px;">
<tr>
<td width="150" valign="top" bgcolor="#000099"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="150" height="30">
<param name="BGCOLOR" . . .

[omar32]

Thanks, that worked!!!