Ynhockey
06-04-2003, 04:27 PM
Well, I've always made HTML files (the ones that didn't go on the internet) only for IE 'cause it's too much of a hassle to make it work on other browsers and why do it if no one but me's gonna see the file anyway ?
So, anyway, i noticed that on IE if you put an image in another element and then put another image below, also in an element, there will be a gap between them
I set the settings to:
BODY: topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0
TABLE: border=0 cellpadding=0 cellspacing=0
TD: no settings.
IMG: no setting.
The exact code was:
<html>
<head><title>Bar Test</title></head>
<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
<table border="0" bordercolor="black" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" rowspan="1">
Leftbar_top.jpg
</td>
</tr>
<tr>
<td>Leftbar_bottom_left.jpg</td>
<td>Leftbar_bottom_right.jpg</td>
</tr>
</table>
</body>
</html>
But still IE insists on putting a gap between the images.
It worked ok on Opera and i didn't check Mozilla, but it would prolly work fine as well. So, how to fix that gap on IE ?
So, anyway, i noticed that on IE if you put an image in another element and then put another image below, also in an element, there will be a gap between them
I set the settings to:
BODY: topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0
TABLE: border=0 cellpadding=0 cellspacing=0
TD: no settings.
IMG: no setting.
The exact code was:
<html>
<head><title>Bar Test</title></head>
<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
<table border="0" bordercolor="black" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" rowspan="1">
Leftbar_top.jpg
</td>
</tr>
<tr>
<td>Leftbar_bottom_left.jpg</td>
<td>Leftbar_bottom_right.jpg</td>
</tr>
</table>
</body>
</html>
But still IE insists on putting a gap between the images.
It worked ok on Opera and i didn't check Mozilla, but it would prolly work fine as well. So, how to fix that gap on IE ?