Tables for Images

I get using invisible tables with a border of "0" to place 2 images sided by side.<br />
But, when I do, there is too much blank space above the table.<br />
How can I get rid of this?<br />
Thanks.<!--content-->Without seeing the page or code there is no way to know. Using tables to display images side by side does not, in and of itself, create large areas of blank space. Post the URL of the page or the code you are using.<br />
<br />
Regards,<br />
Kevin<!--content-->I was posting side by side graphics to a message board that will allow HTML codes.<br />
<br />
Here's the link for the thread:<br />
<!-- m --><a class="postlink" href="http://www.healthyexchanges.com/boards/thread.asp?ThreadID=4121">http://www.healthyexchanges.com/boards/ ... eadID=4121</a><!-- m --><br />
<br />
Mine is the 1st reply.<br />
<br />
Here's the code I used:<br />
<br />
<TABLE border="0" cellspacing="0" cellpadding="0"><br />
<TR><br />
<TD> <IMG SRC=http://www.htmlforums.com/archive/index.php/"http://home.earthlink.net/~ruthbond/flowerwelcome_md_wht.gif"> </TD><br />
<TD> &nbsp; &nbsp; </TD><br />
<TD> <IMG SRC=http://www.htmlforums.com/archive/index.php/"http://home.earthlink.net/~ruthbond/teacup.gif"> </TD><br />
<TD> s! </TD><br />
</TR><br />
</TABLE><br />
<TABLE border="0" cellspacing="0" cellpadding="0"><br />
<TR><br />
<TD> <IMG SRC=http://www.htmlforums.com/archive/index.php/"http://home.earthlink.net/~ruthbond/judy.gif" width=100 height=87 > </TD><br />
<TD> &nbsp; &nbsp; </TD><br />
<TD> <IMG SRC=http://www.htmlforums.com/archive/index.php/"http://home.earthlink.net/~ruthbond/m.gif"> </TD><br />
</TR><br />
</TABLE><br />
<br />
Thanks for your help.<!--content-->Those 2 Table Data lines that appeared to have nothing in them actually had the code for spaces. It just showed up in the last post as blank.<!--content-->OK...well the extra space is probably because the code is posted to a message board. Your table gets placed inside of the table that is used to display your post, that can have an affect on your code. Try using width and height attributes next time so your table does not expand when placed into thte table of the message board.<br />
<br />
Or....since that message board allows html code, if you want to display images side by side try doing this next time<br />
<br />
<PRE><img src=http://www.htmlforums.com/archive/index.php/"http://your image here"><img src="http://your image here" hspace="10"></pre><br />
<br />
the hspace=10 will leave a 10 pixel space between the images so they are not directly side by side, just leave it off if you want the images to display side by side with no gap between them.<br />
<br />
Regards,<br />
Kevin<!--content-->I tried:<br />
<PRE><IMG SRC=http://www.htmlforums.com/archive/index.php/"http://home.earthlink.net/~ruthbond/flowerwelcome_md_wht.gif"><IMG SRC="http://home.earthlink.net/~ruthbond/teacup.gif" hspace="10"></pre><br />
<PRE><IMG SRC=http://www.htmlforums.com/archive/index.php/"http://home.earthlink.net/~ruthbond/judy.gif" width=100 height=87 ><IMG SRC="http://home.earthlink.net/~ruthbond/m.gif" hspace="10"></pre><br />
<br />
at:<br />
<!-- m --><a class="postlink" href="http://www.healthyexchanges.com/boards/thread.asp?ThreadID=4124">http://www.healthyexchanges.com/boards/ ... eadID=4124</a><!-- m --><br />
<br />
It must be the Message Board affecting things, as the messages were below each other, instead of side by side.<br />
I'll try your other suggestion of the tables with widths and heights.<br />
Thanks.<!--content-->Widths and Heights on the Table didn't work either.<br />
<br />
The message board puts spaces between paragraphs without the use of <p> or <br> codes.<br />
<br />
Here's what I finally did get to work at:<br />
<br />
<!-- m --><a class="postlink" href="http://www.healthyexchanges.com/boards/Thread.asp?ThreadID=4124">http://www.healthyexchanges.com/boards/ ... eadID=4124</a><!-- m --><br />
(the very last reply at the bottom)<br />
<br />
<br />
text placement<br />
<br />
<pre><TABLE border="0" cellspacing="0" cellpadding="0" ><br />
<TR><br />
<TD> <IMG SRC=http://www.htmlforums.com/archive/index.php/"http://home.earthlink.net/~ruthbond/flowerwelcome_md_wht.gif"> </TD><br />
<TD> &nbsp; &nbsp; </TD><br />
<TD> <IMG SRC=http://www.htmlforums.com/archive/index.php/"http://home.earthlink.net/~ruthbond/teacup.gif"> </TD><br />
<TD> s! </TD><br />
</TR><br />
</TABLE></pre><br />
<br />
<pre><TABLE border="0" cellspacing="0" cellpadding="0" ><br />
<TR><br />
<TD> <IMG SRC=http://www.htmlforums.com/archive/index.php/"http://home.earthlink.net/~ruthbond/judy.gif" width=100 height=87 > </TD><br />
<TD> &nbsp; &nbsp; </TD><br />
<TD> <IMG SRC=http://www.htmlforums.com/archive/index.php/"http://home.earthlink.net/~ruthbond/m.gif"> </TD><br />
</TR><br />
</TABLE><br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"mailto:[email protected]">[email protected]</a> (until May 22nd)<br />
<a href=http://www.htmlforums.com/archive/index.php/"mailto:[email protected]">[email protected]</a>&nbsp; (after May 22nd)<br />
</pre><!--content-->Well...I admire your perserverence... :)<br />
<br />
Kevin<!--content-->Just combined 2 of your ideas. <br />
Thanks for your help.<!--content-->there are a lot of good ideas floating around....Why not register and join the community?<!--content-->
 
Back
Top