View Full Version : Trying to get rid of white spaces in table designed website

Golden Child
09-01-2011, 06:58 PM
The index page I created for a client is nearly complete. However, annoying white boundary spaces between slices are ruining the overall look of the page. I've tried toying with slice sizes and such but can't seem to get rid of some of the white spaces between slices. You can see it here at www.tabernacleofdavidwc.com.

What do I need to fix in my code so everything lines up properly?:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="Scripts/AC_ActiveX.js" type="text/javascript"></script><script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
* {margin:0}
a img {
border: none;

<table width="1305" border="0" cellspacing="0" cellpadding="0">
<td width="740"><img src="../TD Main Tester/TDMain_Header.gif" width="740" height="135" /></td>
<td width="565"><img src="../TD Main Tester/TDMain_Header2.gif" width="540" height="135" /></td>
<td><img src="../TD Main Tester/TDMain_HomeLeft.gif" width="185" height="48" /><img src="../TD Main Tester/TDMain_Home.gif" width="130" height="48" /><img src="../TD Main Tester/TDMain_about.gif" width="135" height="48" /><img src="../TD Main Tester/TDMain_Events.gif" width="148" height="48" /><a href="TD Media 2.html"><img src="../TD Main Tester/TDMain_Media.gif" width="142" height="47" /></a></td>
<td><img src="../TD Main Tester/TDMain_Store.gif" width="146" height="48" /><img src="../TD Main Tester/TDMain_Contact.gif" width="136" height="48" /><img src="../TD Main Tester/TDMain_ContactRight.gif" width="258" height="48" /></td>
<td><img src="../TD Main Tester/TDMain_SlideLeft.gif" width="185" height="343" /><iframe src="Demo_6.html" height="344" width="555" scrolling="no" frameborder="0"></iframe></td>
<td><img src="../TD Main Tester/TDMain_LeftWord.gif" width="42" height="121" /><img src="../TD Main Tester/TDMain_WordWeek.gif" width="303" height="121" /><img src="../TD Main Tester/TDMain_WordRight.gif" width="195" height="121" /><body><img src="../TD Main Tester/TDMain_SWFLeft.gif" width="42" height="222" /><object width="303" height="223">
<param name="movie" value="WheatonEditP.swf">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="flashvars" value="poster=file:Macintosh/video_still.jpg"/>
<embed src="Wheaton-20110901-134443/Wheaton.swf" width="303" height="222"allowscriptaccess="always"
allowfullscreen="true" flashvars="file:Macintosh/video_still.jpg">
</object><img src="../TD Main Tester/TDMain_SWFRight.gif" width="195" height="222" /></tr>
<td><img src="../TD Main Tester/TDMain_Middle1.gif" width="740" height="22" /></td>
<td><img src="../TD Main Tester/TDMain_Middle2.gif" width="540" height="22" /></td>
<td><img src="../TD Main Tester/TDMain_PrayerLeft.gif" width="182" height="125" /><img src="../TD Main Tester/TDMain_Prayer.gif" width="181" height="125" /><img src="../TD Main Tester/TD_PrayerServices.gif" width="10" height="125" /><img src="../TD Main Tester/TDMain_Services.gif" width="178" height="125" /><img src="../TD Main Tester/TDMain_ServicesDonate.gif" width="13" height="125" /><img src="../TD Main Tester/TDMain_Donate.gif" width="176" height="125" /></td>
<td><img src="../TD Main Tester/TDMain_MiracleLeft.gif" width="42" height="125" /><img src="../TD Main Tester/TDMain_Miracle.gif" width="303" height="125" /><img src="../TD Main Tester/TDMain_MiracleRight.gif" width="195" height="125" /></td>
<td><img src="../TD Main Tester/TDMain_Bottom1.gif" width="740" height="20" /></td>
<td><img src="../TD Main Tester/TDMain_Bottom2.gif" width="540" height="20" /></td>

Golden Child
09-01-2011, 07:06 PM
FALSE ALARM. I figured it out.

Thanks anyway!