White Space Under Images in Table Cell - Problem Disappears on Mouse-Over of Unrelated Images

loose divs and spaces also

Seeing code or a link to the page would be helpful.

Depending on your structure

In the image code:
<img src="" style="display:block;">

In a CSS file:
img { display:block; }

Note - that will affect "all" your images, so you may want to do this:

img.special { display:block; }

and then

<img src="" class="special">

or

#special img { display:block; }

and then

<td id="special">
<img src="">
<img src="">
</td>

Please let me know if any if this is unclear,
Sean

I have tried all suggestions so far with no luck.  The code is included below.  The white space is appearing below the stkPhoto_marginLt_top_canadianDO.jpg image and the stkPhoto_marginLt_bottom_canadianDO.jpg image.  Another thing I noticed...sometimes when I hit the Alt key, the lines disappear.  Also, if I open another window (of any program) on top of the browser window and then bring the browser window back to the front, the lines are gone.


<table width="759" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="285" valign="top">
      <!-- begin table to hold top left margin image -->
      <table width="285" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="284" height="328" align="left" valign="absmiddle"><img src="_images/stkPhoto_marginLt_top_canadianDO.jpg" border="0" width="284" height="328" hspace="0" vspace="0" style="display:block;"></td><td width="1" bgcolor="#000000"><img src="_images/_spacer.gif" width="1" height="328"></td></tr></table><table width="285" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="51"><a href="index.jsp"><img src="_images/navBttm_eldHome.gif" width="51" height="23" border="0"></a></td>
          <td height="23" valign="absmiddle"><!-- begin bottom of left margin image --><img src="_images/stkPhoto_marginLt_bottom_canadianDO.jpg" width="233" height="23" hspace="0" vspace="0" border="0" style="display:block;"></td>
          <td width="1" bgcolor="#000000"><img src="_images/_spacer.gif" width="1" height="1"></td></tr></table>

I too have had similar problems, for me it was a sort of syntactic error. Many browser correct non-perfect code and does what is intended, but some do not do this, and thus require perfectly written code. I would suggest to always have a validator present. validator.w3.org is a good one online, also make sure to check any information from mozilla javascript debuggers (they usually give CSS errors as well).

You mentioned javascript functions. Those, as you said, are very particular about line breaks. Be sure to look for those. What I would suspect more than anything is a quotation error (that is a missing quotation, or a non-escaped quotation in a javascript string).

Hope you solve it.

Ok, you need to set the valign property of the <td> tag that is under the top images. By default, most browsers will set content of a <td> to middle. Please look at the example below.

This will cause a space:
<tr>
   <td><img src="whatever"></td>
</tr>
<tr>
   <td><img src="whatever else"></td>
</tr>

This will not:
<tr>
    <td><img src="whatever"></td>
</tr>
<tr>
   <td valign="top"><img src="whatever else"></td>
</tr>

This will work for you, just try it. Have fun.

by the way, absmiddle WILL NOT remove spaces, it will cause them. just image that you have 2 picture frames 4 inches tall stacke top to bottom, and two pictures that are 2 inches tall. You want there to be no space between the images. So how are you going to align them vertically? The top image is going to be aligned bottom, or left alone. The bottom image is going to be aligned top.

<img BORDER ="0" src="urimage.gif" >

If you can provide a LIVE link to your page in question, I should be able to assist.
As I helped another person with their same issue a while back.
But I need to see the page, so that it can be downloaded and viewed off line.

Carrzkiss

How can an accepted answer be forced?  None of the comments actually provided a solution to the problem.  Forcing accepted answers compromises the validity of this forum.  Better to close this one out and mark it as unresolved.