HTML Forum

**mushget** · 09-26-2010, 10:45 AM

I'm trying to place a table right after a image being used as the header in order to use it as the navigation bar, but there is white space between the two objects, and I can't seem to get rid of it. Any help would be much appreciated.

It's really kind of pathetic actually.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
</head>
<body leftmargin="0" topmargin="0" padding="0"
 marginheight="0">
<img style="width: 1365px; height: 72px;" alt=""
 src="../Final%20Banner.gif">
<table
 style="width: 1365px; height: 58px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>
</body>
</html>

**LadynRed** · 09-26-2010, 04:42 PM

Why are you using tables for layout in the first place?

Using CSS, you need to first reset margins and padding on your main elements, including the body.

**mushget** · 09-26-2010, 08:35 PM

Thanks,I have a try.

**merlinpieters** · 09-27-2010, 03:33 AM

Man, I had that problem more than once, it's frustrating.

the thing I ended up doing was making the image part of the table

something like this :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body leftmargin="0" topmargin="0" padding="0"
marginheight="0">
<table
style="width: 1365px; height: 58px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>

<img style="width: 1365px; height: 72px;" alt=""
src="../Final%20Banner.gif">

</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!