Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Can't remove space between table and image

Posted on 2006-11-26
6
Medium Priority
?
269 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: 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.

 
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: 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…
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…
How to fix incompatible JVM issue while installing Eclipse While installing Eclipse in windows, got one error like above and unable to proceed with the installation. This video describes how to successfully install Eclipse. How to solve incompa…
We’ve all felt that sense of false security before—locking down external access to a database or component and feeling like we’ve done all we need to do to secure company data. But that feeling is fleeting. Attacks these days can happen in many w…
Suggested Courses

972 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