Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Can't remove space between table and image

Posted on 2006-11-26
6
Medium Priority
?
268 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
[Webinar] Lessons on Recovering from Petya

Skyport is working hard to help customers recover from recent attacks, like the Petya worm. This work has brought to light some important lessons. New malware attacks like this can take down your entire environment. Learn from others mistakes on how to prevent Petya like worms.

 
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 1000 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: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

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.

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…
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…
Video by: ITPro.TV
In this episode Don builds upon the troubleshooting techniques by demonstrating how to properly monitor a vSphere deployment to detect problems before they occur. He begins the show using tools found within the vSphere suite as ends the show demonst…
Want to learn how to record your desktop screen without having to use an outside camera. Click on this video and learn how to use the cool google extension called "Screencastify"! Step 1: Open a new google tab Step 2: Go to the left hand upper corn…

721 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