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

Benjamin Young benjamincyoung at gmail.com
Tue Aug 23 18:29:06 CDT 2005

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.

I apologize for the swap behavior code generated by DW.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test page</title>

<body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0"
<table width="100%" height="50" border="0" cellspacing="0" cellpadding="0">
	  	<td width="450" bgcolor="#CCCCCC"><a href="home.html"><img
src="images/image1.gif" alt="home" width="450" height="50" border="0"
	 	<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>
<table width="100%" height="100%" border="0" align="left" cellpadding="0"
	<td height="20" colspan="3" valign="top" bgcolor="#FFFFFF">
<table width="815" height="20" border="0" cellpadding="0" cellspacing="0">
		<td width="50" height="20" valign="top"><a href="home.html"
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"
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"
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"
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"
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"
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>


More information about the thelist mailing list