Solved

Can't remove space between table and image

Posted on 2006-11-26
6
267 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

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

[Webinar] Learn How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them. Thursday, July 13, 2017 10:00 A.M. PDT

Question has a verified solution.

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

Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
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…
In this brief tutorial Pawel from AdRem Software explains how you can quickly find out which services are running on your network, or what are the IP addresses of servers responsible for each service. Software used is freeware NetCrunch Tools (https…
This tutorial will teach you the special effect of super speed similar to the fictional character Wally West aka "The Flash" After Shake : http://www.videocopilot.net/presets/after_shake/ All lightning effects with instructions : http://www.mediaf…

623 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