View Full Version : space and borders gone wrong


girliebabe
03-03-2003, 01:26 AM
I'm having trouble with lining up images and an iframe in a table. Gaps appear or it just seems to be misbalanced. I also don't know how to get rid of the border around the iframe, even though i've used both the frameborder="0" and border="0" tags. I've used cellspacing and cellpadding="0" for the tables and even put the images into little tables instead of using linebreaks and using valign="top" but nothing seems to work. please help! The page is at <a href="http://textalone.psychoblogger.com/testing/" target="new">http://textalone.psychoblogger.com/testing/</a>

MaGiCSuN
03-03-2003, 06:05 PM
You had the table code kinda mixed up. Here's the right code:

<html>
<head>
<title>
incessant rambling gone welcome textalone ten hits gives you a popular interactive google search engine
</title>
</head>
<body bgcolor="white" topmargin=0 leftmargin=0>
<div align="center">
<table border=0 cellspacing=0 cellpadding=0>
<tr><td valign="top" colspan=2><img src="http://textalone.psychoblogger.com/testing/top.jpg"></td></tr>
<tr><td valign="top"><img src="http://textalone.psychoblogger.com/testing/left.jpg"></td>
<td rowspan=2 valign="top">

<table cellspacing="0" cellpadding="0" border="0">
<tr><td><iframe src="inline.shtml" name="inlineframe" width="271" height="276" frameborder="0"></iframe></td>
<td><img src="http://textalone.psychoblogger.com/testing/right.jpg"></td></tr>
<tr><td valign="top" colspan=2><img src="http://textalone.psychoblogger.com/testing/bottom.jpg"></td></tr></table>

</td></tr>
<tr><td valign="top">
<IMG NAME="nav0" SRC="http://textalone.psychoblogger.com/testing/nav.jpg" WIDTH="412" HEIGHT="172" BORDER="0" USEMAP="#nav">

<MAP NAME="nav">
<AREA SHAPE="rect" COORDS="233,13,345,43" HREF="http://textalone.psychoblogger.com/personal.shtml" ALT="personale">
<AREA SHAPE="rect" COORDS="233,44,335,66" HREF="http://textalone.psychoblogger.com/links.shtml" ALT="la norme">
<AREA SHAPE="rect" COORDS="234,71,326,105" HREF="http://textalone.psychoblogger.com/design/" ALT="interage">
<AREA SHAPE="rect" COORDS="234,106,301,126" HREF="http://textalone.psychoblogger.com/misc.shtml" TARGET="inlinebox" ALT="a casc">
</MAP>
</td></tr></table>
</div>
</body></html>

maybe a tip for the next time: design your layout and leave it as ONE image. Map the links on that one and then position the iframe on top of it. That's a much easier way!

Love,
Mirna

girliebabe
03-03-2003, 11:05 PM
thanks... lol i guess that was a kinda stupid question. can't believe i didn't see it before, thanks again, (the border went as soon as i rebooted my tired pc),
Jazz