Spacing between two rows - No whitespaces seems to be intorduced.

liunx

Guest
I'm having a hard time trying to figure out how to elimate the space between vertical rows in my tables in IE.Can you please tell me what the are other solutions for the same issue? My code snippet(taken from ViewPageSource in Mozilla) is something like ...

<tr style="background-color: rgb(255, 255, 255);" class="mflLne"><td class="infoLink"><a title="Source Description" class="icenter" href=http://www.webdeveloper.com/forum/archive/index.php/"javascript:void 0" id="info"><img class="icenter" alt="Source Description" src="images/but_info_v3.gif"></a><img src="images/money.gif" class="imageTrans"><a title="Click" class="doclink1" href="javascript:void 0" id="srchLink">Search compcddddddddd mpnyyytttx tttyyy mpnyyyt</a></td></tr></tr><tr style="background-color: rgb(255, 255, 255);" class="mflLne"><td class="infoLink"><a title="Source Description" class="icenter" href="javascript:void 0" id="info"><img class="icenter" alt="Source Description" src="images/but_info_v3.gif"></a><img src="images/money.gif" class="imageTrans"><a title="Click" class="doclink1" href="javascript:void 0" id="srchLink">Search azzzzz</a></td></tr>

I could not copy the view source of this selection from IE, but from the source attached above ( from Mozilla), I can see that I dont have any white spaces introduced. Still I am having a spacing of 2px between the rows when viewed in IE, not Mozilla.
Is there any possibility that the same may be written differently for IE so that the whitespace is getting intorduced? Any pointers to check the same? If not, what else could be the reason for this 2px space in IE?

Sorry for the long mail; but please do help. This is urgent.W/out a page address of the CSS rules posted, it would be impossible to help further.Actually, the whole thing is a popup. And the corresponding css is placed in the document that brings up the popup. Please let me know which one you need.

I have already specified the popup code in my post above.Here are the css classes used in the code attached.
.mflLne {
WIDTH: 100%;
padding-bottom: 0px;
padding-top: 0px;
}
.infolink1 {
WIDTH: 100%;
PADDING-LEFT: 2px;
HEIGHT: 19px;
}
.iCenter {
WIDTH: 13px;
HEIGHT: 13px;
BORDER : 0;
padding-top : 2px;
}

.doclink1:link, .doclink1:active, .doclink1:hover, .doclink1:visited, .doclink1 {
FONT-SIZE: 8pt;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
COLOR: #000000;
TEXT-DECORATION: none;
}

.imageTrans{
vertical-align : bottom;
}I'm not entirely sure what you're trying to accomplish now. Can you provide a page address and pick out what the specific problem is?
 
Back
Top