• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 273
  • Last Modified:

Can't remove space between table and image

I am using Dreamweaver 6 and I have a table (1 row, 1 column) with an image above and below.  I made the CellPad, CellSpace and boarder equal to 0.  For some reason, there is a space between the bottom of the table and the top of the image below.  Can anyone tell me why this is happening?  Thanks for the help... I will paste the code below.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<img src="images/top1.jpg" width="775" height="82" border="0">
<table width="775" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="769" height="25" align="left"><img src="images/start.gif" width="40" height="23"><a href="index.html"><img src="images/nav_home1.gif" width="63" height="23" border="0"></a><a href="about.html"><img src="images/nav_about1.gif" width="83" height="23" border="0"></a><a href="massage.html"><img src="images/nav_thai1.gif" width="142" height="23" border="0"></a><a href="therapist.html"><img src="images/nav_therapist1.gif" width="105" height="23" border="0"></a><img src="images/nav_services1.gif" width="75" height="23"><img src="images/nav_location1.gif" width="76" height="23"><img src="images/nav_contact1.gif" width="90" height="23"><img src="images/start.gif" width="40" height="23"></td>
  </tr>
</table>
<img src="images/bar2.jpg" width="775" height="30" border="0"><img src="images/massage2.jpg" width="776" height="251" border="0">
<img src="images/infoboxes.gif" width="775" height="263">
</body>
</html>
0
bpl5000
Asked:
bpl5000
1 Solution
 
bpl5000Author Commented:
I should also mention that there seems to be a space on the left side of the webpage and along the top.  If I try to "Align" to left, then everything is out of wack.
0
 
bpl5000Author Commented:
Disregard my second comment.  I made the following change... <body leftMargin=0 topMargin=0>

The original problem with the small gap between the table and the image below is still a problem.  Any help is appreciated.
Thanks,
BPL
0
 
bpl5000Author Commented:
Correction... I am using Dreamweaver 8.
0
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
CWS (haripriya)Commented:
<body topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0>
0
 
RouchieCommented:
>> body leftMargin=0 topMargin=0
>> body topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0

This approach is now defunct and is not recommended as part of the W3C specifications.  In future browser releases this code will not work as it is not standards compliant.

The correct way is to control all the page elements with style, which provide much more control over the objects on-screen.  Like this...

<head>
<style type="text/css">
  body {margin:0; padding:0}
  table {margin:0;}
  td {margin:0; padding:0}
  img {margin:0; padding:0}
</style>
</head>
0
 
Jason C. LevineNo oneCommented:
Hi bpl5000,

Your cell has a height of 25, images are all height 23.  A 2 pixel gap should exist.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now