Solved

Can't remove space between table and image

Posted on 2006-11-26
6
264 Views
Last Modified: 2010-04-25
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
Comment
Question by:bpl5000
6 Comments
 
LVL 5

Author Comment

by:bpl5000
ID: 18014717
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
 
LVL 5

Author Comment

by:bpl5000
ID: 18015110
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
 
LVL 5

Author Comment

by:bpl5000
ID: 18015273
Correction... I am using Dreamweaver 8.
0
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LVL 16

Expert Comment

by:CWS (haripriya)
ID: 18017439
<body topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0>
0
 
LVL 25

Expert Comment

by:Rouchie
ID: 18017928
>> 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
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 250 total points
ID: 18024037
Hi bpl5000,

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

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

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

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
This video shows how to quickly and easily add an email signature for all users on Exchange 2016. The resulting signature is applied on a server level by Exchange Online. The email signature template has been downloaded from: www.mail-signatures…
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question