small gap in my table border (IE 6)

L

liunx

Guest
I have build a table with a table border using images (trying to get a rounded table with low Download <!--more--> time).<br />
Anyway, it works perfect on safari, mozilla on MAC OS X.<br />
However, IE 6 shows a 1 pixel gap.<br />
This gap is down left and down right just above the rounded corners at the bottom.<br />
No doubt i have made a mistake in my code.<br />
Please help,<br />
<br />
<TABLE border="0" rules="none" cellspacing="0" cellpadding="0" width="600" class="tablebackground"><br />
<form style="margin-bottom:0;margin-top:0;"><br />
<tr> <br />
<td width="10" height="10" style="background-image:url(topleft.gif); background-repeat:no-repeat;"></td><br />
<td height="10" colspan="4" style="background-image:url(topspacer.gif); background-repeat:repeat-x;" ></td><br />
<td width="10" height="10" style="background-image:url(topright.gif); background-repeat:no-repeat;"></td><br />
</tr><br />
<br />
<TR><br />
<td rowspan="10" valign="top" style="background-image:url(leftspacer.gif); background-repeat:repeat-y;" ></td><br />
<TD Align="left" Height="20" Width="90" class="tableelement"><br />
Tijd <br />
</TD><br />
<TD Align="left" Height="20" Width="230" class="tableelement"><br />
[FMP-CurrentTime]<br />
</TD><br />
<TD Align="left" Height="20" Width="130" class="tableelement"><br />
Datum :<br />
</TD><br />
<TD Align="left" Height="20" Width="130" class="tableelement"><br />
[FMP-CurrentDate]<br />
</TD><br />
<td rowspan="10" valign="top" style="background-image:url(rightspacer.gif); background-repeat:repeat-y;" ></td><br />
</TR><br />
<br />
<br />
<TR><br />
<TD Align="left" Height="20" Width="90" class="tableelement"><br />
Welkom <br />
</TD><br />
<TD Align="left" Height="20" Width="230" class="tableelement"><br />
[FMP-Field:Naam]<br />
</TD><br />
<TD Align="left" Height="20" Width="130" class="tableelement"><br />
Business Unit :<br />
</TD><br />
<TD Align="left" Height="20" Width="130" class="tableelement"><br />
[FMP-Field:BusinessUnits::Naam]<br />
</TD><br />
</TR><br />
<br />
<br />
<TR><br />
<TD Align="left" Height="20" colspan=4 Width="580" class="tableelement"><br />
Dit zijn uw bevoegdheden<br />
</TD><br />
</TR><br />
<br />
<TR><br />
<TD Align="left" Height="20" colspan=4 Width="580"><br />
<input type="text" name="v1" class="formelementreadonly" size="30" readOnly><br />
</TD><br />
</TR><br />
<br />
<TR><br />
<TD Align="left" Height="20" colspan=4 Width="580"><br />
<input type="text" name="v2" class="formelementreadonly" size="30" readOnly><br />
</TD><br />
</TR><br />
<br />
<TR><br />
<TD Align="left" Height="20" colspan=4 Width="580"><br />
<input type="text" name="v3" class="formelementreadonly" size="30" readOnly><br />
</TD><br />
</TR><br />
<br />
<TR><br />
<TD Align="left" Height="20" colspan=4 Width="580"><br />
<input type="text" name="v4" class="formelementreadonly" size="30" readOnly><br />
</TD><br />
</TR><br />
<br />
<TR><br />
<TD Align="left" Height="20" colspan=4 Width="580"><br />
<input type="text" name="v5" class="formelementreadonly" size="30" readOnly><br />
</TD><br />
</TR><br />
<br />
<TR><br />
<TD Align="left" Height="20" colspan=4 Width="580"><br />
<input type="text" name="v6" class="formelementreadonly" size="30" readOnly><br />
</TD><br />
</TR><br />
<br />
</form><br />
<TR><br />
<TD Align="left" Height="30" colspan=4 Width="580"><input type="button" value="Continue" class="bluebutton" onclick="gaverder()"></TD><br />
<TR><br />
<br />
<tr> <br />
<td width="10" height="10" style="background-image:url(bottomleft.gif); background-repeat:no-repeat;"></td><br />
<td height="10" colspan="4" style="background-image:url(bottomspacer.gif); background-repeat:repeat-x;"></td><br />
<td width="10" height="10" style="background-image:url(bottomright.gif); background-repeat:no-repeat;"></td><br />
</tr><br />
<br />
</Table><!--content-->for me, it would be useful to have all the images show up on the page... so could you attach a zip file with all the images in... or give a link to an online version of it?<br />
by viewing the codes output with no images, it's tricky to see the exact problem<br />
:)<!--content-->thanks, <br />
ii have to wait till tomorrow <br />
<br />
i will post it<br />
jitse<!--content-->...hmmm, it looks like you forgot to close a row tag...<br />
<br />
</form> <br />
<TR> <br />
<TD Align="left" Height="30" colspan=4 Width="580"><input type="button" value="Continue" class="bluebutton" onclick="gaverder()"></TD> <br />
<TR><br />
<br />
<br />
...should be...<br />
<br />
</form> <br />
<TR> <br />
<TD Align="left" Height="30" colspan=4 Width="580"><input type="button" value="Continue" class="bluebutton" onclick="gaverder()"></TD> <br />
</TR><!--content-->Thanks that did the trick<br />
<br />
(how could i ever haave missed that :eek: <br />
Anyway,<br />
you can see the result at the first and second login screen at<br />
213.84.158.195<br />
<br />
username monkey<br />
password monkey<br />
<br />
I am now working on <br />
1] optimizing the graphics<br />
2] upgrade the whole sit to CSS and new colour scheme<br />
<br />
Thanks<br />
Jitse<!--content-->
 
You must log in or register to reply here.
Back
Top