Forum Moderators: open

Message Too Old, No Replies

Table GAPS!?

I can't figure why they're there...

         

forgiven70x7

5:45 pm on Mar 14, 2003 (gmt 0)



Okay, I just can't figure out why there is a gap between my top graphic and the lower one. What I have done is section one large graphic into two smaller parts for the purpose of load times, and formatting challenges when composing the page in Frontpage 2000. I know Frontpage is crap, and if I had my way, I'd use Dreamweaver instead, but I have to live with what I've got. Anyway, I was wondering if anyone might be able to help me figure this out. I'll copy the code in this post. I've put placemarkers where the graphics are and added a border around the tables so it's easier to see what's going on. You can see where the gap is:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
<title>Home Page</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Border" content="tlb, default">
</head>

<body><!--msnavigation--><table border="1" cellpadding="0" cellspacing="0" width="100%"><tr><td>

<img border="0" src="_.jpg" width="1024" height="163">

</td></tr><!--msnavigation--></table><!--msnavigation--><table border="1" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top">

<p><img border="0" src="_.jpg" width="236" height="381"></p>
<p>&nbsp;</p>
<p>

<nobr><a href="">Products</a></nobr><br><nobr><a href="">PCD&nbsp;Benefits</a></nobr><br><nobr><a href="">FAQ</a></nobr><br><nobr><a href="">Contact</a></nobr><br><nobr><a href="">What's&nbsp;New</a></nobr><br><nobr><a href="">Under&nbsp;Contruction</a></nobr><br><nobr><a href="">PCD&nbsp;Press&nbsp;Release</a></nobr></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

</td><td valign="top" width="24"></td><!--msnavigation--><td valign="top">
<p><img border="0" src="usb_motionv7.gif" width="403" height="224" align="right"></p>
<p><font face="Arial" size="4">Since 1980, COMPANY&nbsp; has
developed support for Integrated Circuit board manufacturers, both large
and small. Focusing it's efforts in the automatic testing hardware
sector, COMPANY, Inc. has designed some very useful devices to facilitate
functional testing of circuit boards.</font></p>
<p><font face="Arial" size="4">COMPANY understands the unique needs of circuit board manufactures and
removes many of the hurdles to functional testing regardless of&nbsp; the
board size or number of connectors on the board.</font></p>
<p><font face="Arial" size="4">COMPANY has developed a line of test
connector products for faster, more productive and more reliable connections
during your functional testing.</font></p>
<p align="center"><font face="Arial" size="6">Please read
more about how COMPANY can help you get your
products to market <u>FASTER</u>.</font>

<p>&nbsp;<!--msnavigation--></td></tr><!--msnavigation--></table><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>

<font size="1">Copyright 2003 All rights reserved. COMPANY 99999 NE STREET
Street, TOWN ST 99999 555.777.9999 fax 555.777.9998</font>
<p>

<font size="1">&nbsp;<nobr>[&nbsp;<a href="">Products</a>&nbsp;]</nobr> <nobr>[&nbsp;<a href="">PCD&nbsp;Benefits</a>&nbsp;]</nobr> <nobr>[&nbsp;<a href="">FAQ</a>&nbsp;]</nobr> <nobr>[&nbsp;<a href="">Contact</a>&nbsp;]</nobr> <nobr>[&nbsp;<a href="">What's&nbsp;New</a>&nbsp;]</nobr> <nobr>[&nbsp;<a href="">Under&nbsp;Contruction</a>&nbsp;]</nobr> <nobr>[&nbsp;<a href="">PCD&nbsp;Press&nbsp;Release</a>&nbsp;]</nobr>
</font>
</p>
<p>&nbsp;</p>

</td></tr><!--msnavigation--></table></body>

</html>

Thanks, Matthew

[edited by: tedster at 9:25 pm (utc) on Mar. 14, 2003]
[edit reason] remove specifics [/edit]

Alternative Future

5:49 pm on Mar 14, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi Matthew and welcome to WebMasterWorld,

<p><img border="0" src="_.jpg" width="236" height="381"></p>

Firstly try removing the <p> and </p> from either end of the graphic this might solve your problem, I will carry on looking through the file to make sure no other conflicting tags are in place.

You might also want to try this:
[added]
<body>
<!--msnavigation-->
<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img border="0" src="_.jpg" width="1024" height="163"><br>
<img border="0" src="_.jpg" width="236" height="381"><br>
<p>&nbsp;</p>
<p>
[/added]

HTH,

-gs

g1smd

12:38 am on Mar 15, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



You might also care to know that table data should all be done on one line:

<td> blah <blah> blah <blah> blah </td>

SuzyUK

1:26 am on Mar 15, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



if you do a site search for "gaps in tables" you'll find a few threads about this

Here's a link [devedge.netscape.com] to a Devedge article which explains it fully..

short answer:
td img {display: block;} in the styles

Suzy