[thelist] unwanted spacing on expanded TDs

[Daniel Kessler]

I have a table for a side nav that is 1 column by several rows:
http://hhp.umd.edu/studentservices/includes/test.html

I have a situation where my coding whitespace is affecting my  
output.  When I display the page on PC IE I receive a blank area  
underneath the first three buttons but not under the next few.   
They're the same code with the button names replaced.  The main  
difference is the whitespace.  The lower, correct button have the TD  
and all the td info and /TD all on one line.  The incorrect ones have  
a TD, then on the next line the TD contents, then on a third line,  
the /TD.  This happens only on IE PC, not in Firefox mac/pc or Safari.

Here's an example of the code differences.

produces the problem:
<tr>
       <td>
             <a href="career_services.cfm"><img src="../images/ 
nav_career_services.gif" alt="Career Services" name="career_services"  
width="92" height="59" border="0" id="career_services"  
onMouseUp="MM_swapImgRestore()" onMouseOver="MM_swapImage 
('career_services','','../images/nav_career_services_r.gif',1)"  
onMouseOut="MM_swapImgRestore()"></a>
       </td>
</tr>


doesn't produce the problem:

<tr>
       <td><a href="pae.cfm"><img src="../images/nav_pae.gif"  
alt="Phi Alpha Epsilon" name="pae" width="92" height="59" border="0"  
id="pae" onMouseUp="MM_swapImgRestore()" onMouseOver="MM_swapImage 
('pae','','../images/nav_pae_r.gif',1)" onMouseOut="MM_swapImgRestore 
()"></a></td>
</tr>


Clearly I can code in the way that deletes whitespace and doesn't  
produce a problem, but that makes my lines hundreds of characters  
long, especially since this is a simple example.  That's unwieldy and  
difficult to edit.

I thought whitespace was ignored.  Any thoughts on this are appreciated.

thanks.

-- 

Daniel Kessler

College of Health and Human Performance
University of Maryland
Suite 2387 Valley Drive
College Park, MD  20742-2611
Phone: 301-405-2545
http://hhp.umd.edu