[thelist] RE: Table spaces in NN (not the usual whitespace issue)

Tue Aug 23 20:31:46 CDT 2005

Problem SOLVED. Thanks all.

-----Original Message-----
From: Benjamin Young [mailto:benjamincyoung at gmail.com] 
Sent: Tuesday, August 23, 2005 7:29 PM
To: 'thelist at lists.evolt.org'
Subject: Table spaces in NN (not the usual whitespace issue)

Hi all,

I need a little help with a table layout issue in NN 6 and below. I've spend
the last few days trying to figure it out and combing the Net but have been
unable to resolve the problem. I figure if ANYONE can, you guys can!

The issue is that spaces are appearing between rows and tables. I have set
borders and cell spacing to 0 and I tried eliminating all spaces between
TDs. Neither of these solutions worked. I also tried putting all cells
within one table (instead of 2) but this didn't help.

When I remove all images I don't seem to have a problem but when they are
added back in, there is a space above and below images. I tried the vspace=0
and hspace=0 trick but it didn't help. I also have valign set appropriately.

If you refresh the page in NN, you can briefly see how the page would be
actually displayed (it moves on refresh) and how things get pushed down by
the mystery spaces.

Here's a piece of code. Any help would be GREATLY appreciated! I really
someone can spot the cause of this issue.
Ben

----
I apologize for the swap behavior code generated by DW.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test page</title>
</head>

<body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0">
<table width="100%" height="50" border="0" cellspacing="0" cellpadding="0">
	<tr>
	  	<td width="450" bgcolor="#CCCCCC"><a href="home.html"><img
src="images/image1.gif" alt="home" width="450" height="50" border="0"
/></a></td>
	 	<td width="70" align="left" bgcolor="#CCCCCC"><img
src="images/spacer.gif" width="55" height="1"/><img src="images/image2.gif"
width="15" height="50" /></td>
	 	<td align="left" bgcolor="#CCCCCC" nowrap
background="images/image3.gif"><img src="images/spacer.gif" width="1"
height="50" /></td>
	</tr>
</table>
<table width="100%" height="100%" border="0" align="left" cellpadding="0"
cellspacing="0">
  <tr>
	<td height="20" colspan="3" valign="top" bgcolor="#FFFFFF">
<table width="815" height="20" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="50" height="20" valign="top"><a href="home.html"
onmouseover="MM_swapImage('Image1','','images/image2A.gif',1);MM_displayStat
usMsg('French Department Home');return document.MM_returnValue"
onmouseout="MM_swapImgRestore()"><img src="images/image2.gif" alt="Home"
name="Image1" width="50" height="20" border="0" id="Image1" /></a></td>
		<td width="121" valign="top"><a href="link1.html"
onmouseover="MM_swapImage('Image2','','images/image3A.gif',1);MM_displayStat
usMsg('Department Information');return document.MM_returnValue"
onmouseout="MM_swapImgRestore()"><img src="images/image3.gif" alt="link 1"
name="Image2" width="121" height="20" border="0" id="Image2" /></a></td>
    	<td width="121" valign="top"><a href="link2.html"
onmouseover="MM_swapImage('Image3','','images/image4A.gif',1);MM_displayStat
usMsg('Graduate Program');return document.MM_returnValue"
onmouseout="MM_swapImgRestore()"><img src="images/image4.gif" alt="link 2"
name="Image3" width="121" height="20" border="0" id="Image3" /></a></td>
    	<td width="121" valign="top"><a href="link3.html"
onmouseover="MM_swapImage('Image4','','images/image5A.gif',1);MM_displayStat
usMsg('Undergraduate Programs');return document.MM_returnValue"
onmouseout="MM_swapImgRestore()"><img src="images/image5.gif" alt="link 3"
name="Image4" width="121" height="20" border="0" id="Image4" /></a></td>
	    <td width="130" valign="top"><img src="images/spacer.gif"
width="100" height="1" /></td>
	    <td width="121" valign="top"><a href="link4.html"
onmouseover="MM_swapImage('Image5','','images/image6A.gif',1);MM_displayStat
usMsg('Maison Fran&ccedil;aise');return document.MM_returnValue"
onmouseout="MM_swapImgRestore()"><img src="images/imnage6.gif" alt="link 4"
name="Image5" width="121" height="20" border="0" id="Image5" /></a></td>
	    <td width="121" valign="top"><a href="link5.html"
onmouseover="MM_swapImage('Image6','','images/image7A.gif',1);MM_displayStat
usMsg('Romanic Review');return document.MM_returnValue"
onmouseout="MM_swapImgRestore()"><img src="images/image7.gif" alt="link 5"
name="Image6" width="121" height="20" border="0" id="Image6" /></a></td>
	    <td width="15" valign="top">&nbsp;</td>
	</tr>
</table>
  </td></tr>
</body>
</html>

----