PDA

View Full Version : i hate tables. grrr

rainbowbrite
02-10-2003, 04:56 PM
ive never been good at tables at all. ever. and umm, ive tried reading through the other posts and have tried everything that you guys have said to other people yet i still cannot get the little border gap things to go away from my table. i always have this problem when using a table for anything. here is my code, could someone please help?

<html><body background="bg.jpg">
<table width="650" height="400" cellspacing="0" cellpadding="0" border="0">
<tr><td colspan=3 valign="top">
<img src="top1.jpg" border="0"></tr></td>
<tr><td valign="top"><img src="left.jpg" border="0"></td><td valign="top"><iframe name="content" width="281" height="211" src="main.html" frameborder="0" border="0"></iframe>
</td><td valign="top"><img src="right.jpg" border="0"></td></tr>
<tr><td colspan=3 valign="top"><img src="bottom1.jpg" border="0"><div style="position:absolute; top:375; left:350; height:15; width:150; z-index:1;">
<style>

<!--

BODY,P,TD {font-family:verdana,arial; font-size:8px; color:#0B2579; }

A:link { text-decoration: none; color:"#0B2579"; }
A:visited { text-decoration: none; color:"#0B2579"; }
A:hover { text-decoration:line through; color:"#FFFFFF"; cursor:crosshair; }

body {
scrollbar-arrow-color: #CCCCCC;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;

-->

</style>


<a href="about.html" target="main">one</a>.<a href="hosting.html" target="main">two</a>.
<a href="hosted.html" target="main">three</a>.<a href="contact.html" target="main">four</a>
</div></td></tr></table></html>
pb&j
02-10-2003, 06:27 PM
There seems to be a backwards TD/TR thing in there...

<img src="top1.jpg" border="0"></tr></td>

Try reversing those to the correct order and see if that fixes things.
rainbowbrite
02-11-2003, 07:08 AM
it still didnt work. here is my code now. ive tried everything that i can possibly think of.
<html><body background="bg.jpg">
<style>

<!--
BODY,P,TD {font-family:verdana,arial; font-size:8px; color:#0B2579; }
A:link { text-decoration: none; color:"#0B2579"; }
A:visited { text-decoration: none; color:"#0B2579"; }
A:hover { text-decoration:line through; color:"#FFFFFF"; cursor:crosshair; }
body {
scrollbar-arrow-color: #CCCCCC;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
-->
</style>
<table width="650" height="400" cellspacing="0" cellpadding="0" border="0">
<tr><td colspan=3 valign="top"><img src="top1.jpg" height="149" width="650 border="0"></tr></td><tr><td valign="top"><img src="left.jpg" width="344" height="211" border="0"></td><td valign="top"><iframe name="main" width="279" height="209" src="main.html" frameborder="0" border="0"></iframe></td><td valign="top"><img src="right.jpg" width="27" height="211" border="0"></tr></td><tr><td colspan=3 valign="top"><img src="bottom1.jpg" width="650" height="42" border="0"><div style="position:absolute; top:375; left:350; height:15; width:150; z-index:1;">
<a href="about.html" target="main">one</a>.<a href="hosting.html" target="main">two</a>.
<a href="hosted.html" target="main">three</a>.<a href="contact.html" target="main">four</a>
</div></tr></td></table></html>

the page is located at www.distantsparkle.net/distantsparkle.html
if you want to see what its doing.
pb&j
02-11-2003, 02:26 PM
Can you explain exactly which gaps you are referring to? Thanks.
rainbowbrite
02-12-2003, 09:56 AM
i fixed it. sorry.