How to put my pictures together without space between

liunx

Guest
I've got a little problem with my HTML-code. In the left bar of my page, I've got 2 gif-files under each other. But, there is still a bit white space between them. I want that white space removed. I think it's overthere because the use of tables, but I don't know how to remove it. Can you help me please, I've put the code under this message. Thx a lot!<br />
<br />
<html><br />
<head><br />
<title>MIS Portal Site</title><br />
</head><br />
<BODY topmargin="0" leftmargin="0"><br />
<br />
<table border="0" valign="top" cellspacing="0" cellpadding="0" COLS="2"><br />
<tr><br />
<td valign="top" width="113" border="0" cellspacing="0"><br />
<img border="0" src=http://www.htmlforums.com/archive/index.php/"Images/Axa_Triangle.gif" width="113" height="113"><br />
</td><br />
<td valign="top" width="100%"><br />
&nbsp;&nbsp;<img border="0" src=http://www.htmlforums.com/archive/index.php/"Images/Mis_Title.gif" valign="Top"><br />
<BR><font color="#103184"><B>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bienvenue sur le site MIS PPE Insurance.</B></font><br />
</td><br />
</tr><br />
</table><br />
<table border="0" valign="top" cellspacing="0" cellpadding="0" COLS="2" height="500"><br />
<tr><br />
<td valign="top"><br />
<table width="120" border="0" valign="top" cellspacing="0" COLS="2" cellpadding="0"><br />
<tr><br />
<td WIDTH="22" valign="top"><br />
<img border="0" src=http://www.htmlforums.com/archive/index.php/"Images/mis.gif" width="22" height="500"><br />
</td><br />
<td width"98" valign="top"><br />
<BR><br />
<table><br />
<tr><br />
<td align="center" WIDTH="98"><br />
<a href=http://www.htmlforums.com/archive/index.php/"Secure/Portal2.htm"><br />
<Img src=http://www.htmlforums.com/archive/index.php/"Images/Mis_Login.gif" border="0"></a><br />
</td><br />
</tr><br />
<tr><br />
<td align="center" WIDTH="98"><br />
<a href=http://www.htmlforums.com/archive/index.php/"http://s01ap014/messageboard" target="_blank"><br />
<Img src=http://www.htmlforums.com/archive/index.php/"Images/Mis_Forum.gif" border="0"></a><br />
</td><br />
</tr><br />
<tr><br />
<td align="center" WIDTH="98" height="200"><br />
<a href=http://www.htmlforums.com/archive/index.php/"http://s01ap014/MIS/NL/Portal.asp?L=NL"><br />
<Img src=http://www.htmlforums.com/archive/index.php/"Images/Mis_Nederlands.gif" border="0"></a><br />
</td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</table><br />
</td><br />
<td valign="top" WIDTH="100%" BGCOLOR="#E2EFF1"><br />
<br />
...<!--content-->have you tried putting CELLSPACING=0 and CELLPADDING=0 in all of your <TABLE> and <TD> tags?<!--content-->I've tried to put cellspacing="0" and cellpadding="0" in all of my table-elements, but it didn't change a thing...<br />
Other suggestions?<br />
<br />
Tom<!--content-->Try to not use breaks or spaces in your code - esp. inside cells. I mean, don't hit enter to add the image tags, instead try and write it like this:<br />
<br />
<table border="0" valign="top" cellspacing="0" cellpadding="0" COLS="2"><br />
<tr><br />
<td valign="top" width="113" border="0" cellspacing="0"><img border="0" <br />
src=http://www.htmlforums.com/archive/index.php/"Images/Axa_Triangle.gif" width="113" height="113"></td><br />
<td valign="top" width="100%"><img border="0" src=http://www.htmlforums.com/archive/index.php/"Images/Mis_Title.gif" <br />
valign="Top"><BR><font color="#103184"><B>Bienvenue sur le site MIS <br />
PPE Insurance.</B></font></td><br />
</tr><br />
</table><br />
<br />
Some browsers read breaks in the code as spaces for some reason.<!--content-->there shouldn't be any problem with putting a break (return) after the end of a tag - besides it makes the code more readable, and therefore easier to edit in the future.<!--content-->You need to delete all white space in your code, so...<br />
<br />
basically your code (TD's) should look like this on one line...<br />
<br />
<TD><IMG SRC=http://www.htmlforums.com/archive/index.php/"whatever"></TD><br />
<br />
unfortunately browser read white space and sees it as a<BR><br />
<br />
This should solve your problems<!--content-->Thx a lot SteveOSX! The white space has disappeared.<br />
<br />
Tom<!--content-->No worries... its one to remember!<!--content-->
 
Back
Top