Log in

View Full Version : Another problem <:{


Luke
11-11-2008, 04:02 PM
http://www.tehupload.com/uploads/655031d179ba327urg.png
http://www.tehupload.com/uploads/655031d179ba327urg.png

Right, again, i'm coding this in tables, and it keeps leaving a a line at the bottom, has anyone any ideas howto solve this?

Thanks
Luke
Decode
11-11-2008, 04:12 PM
It will be something to do with cellspacing or cellpadding. So use CSS.
Luke
11-11-2008, 04:15 PM
i've tried
<table width="961" border="0" align="center" cellpadding="-5px" cellspacing="-5px" class="main" style="margin-bottom:-2px;">

and it still doesn't work
Decode
11-11-2008, 04:19 PM
<table width="961" border="0" align="center" class="main" style="margin: 0px; padding: 0px;">


Try that, if not then change the hight on the box with the background that is causing a problem.
Luke
11-11-2008, 04:26 PM
didn't work, and i ca't change the height, because when i do it like just mucks up lol.
Jxhn
11-11-2008, 05:04 PM
It'd be easier to help if we could see your code. I'm guessing you did something like:


<table style="background-image: url('maincontentbackground.jpg');">
<tr>
maincontent
</tr>
<tr style="background-image: url('bottom.jpg');"></tr>
</table>

If that's what you did then it should probably be corrected to this:


<table>
<tr style="background-image: url('maincontentbackground.jpg');">
maincontent
</tr>
<tr style="background-image: url('bottom.jpg');"></tr>
</table>
Luke
11-11-2008, 05:07 PM
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
<!--
body {
background-image: url(images/bg.gif);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.top_spacer {
background-image:url(images/top_spacer.PNG);
}
.banner1 {
background-image:url(images/banner1.PNG);
}
.banner2 {
background-image:url(images/banner2.PNG);
}
.banner3 {
background-image:url(images/banner3.PNG);
}
.banner4 {
background-image:url(images/banner4.PNG);
}
.banner5 {
background-image:url(images/banner5.PNG);
}
.banner6 {
background-image:url(images/banner6.PNG);
}
.nav_right_spacer {
background-image:url(images/nav_right_spacer.PNG);
}
.main {
background-image:url(images/main_spacer.PNG);
margin-top:-1px;
}
-->
</style>

</head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="top_spacer">
<!--DWLayoutTable-->
<tr>
<td width="127" height="33">&nbsp;</td>
</tr>
</table>
<table width="961" border="0" align="center" cellpadding="-5px" cellspacing="0" class="main" style="margin: 0px; padding: 0px;">
<!--DWLayoutTable-->
<tr>
<td width="22" rowspan="4" valign="top"><img src="images/banner1.PNG" width="22" height="155" /></td>
<td height="14" colspan="4" valign="top"><img src="images/banner2.PNG" width="228" height="14" /></td>
<td colspan="4" rowspan="2" valign="top"><img src="images/banner5.PNG" width="213" height="117" /></td>
<td colspan="3" rowspan="3" valign="top"><img src="images/banner6.PNG" width="497" height="137" /></td>
<td width="1"></td>
</tr>
<tr>
<td height="103" colspan="3" valign="top" class="banner4">Radio stats area lulz.</td>
<td width="11" valign="top"><img src="images/banner3.PNG" width="11" height="103" /></td>
<td></td>
</tr>
<tr>
<td colspan="7" rowspan="2" valign="top"><img src="images/nav_ht.PNG" width="63" height="38" /><img src="images/nav_community.PNG" width="78" height="38" /><img src="images/nav_radio.PNG" width="45" height="38" /><img src="images/nav_news.PNG" width="39" height="38" /><img src="images/nav_goodies.PNG" width="60" height="38" /><img src="images/nav_job.PNG" width="114" height="38" /></td>
<td width="42" rowspan="2" valign="top"><img src="images/nav_right_spacer.PNG" width="42" height="38" /></td>
<td height="20"></td>
</tr>
<tr>
<td width="415" height="18" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="12" valign="top"><img src="images/main_right.PNG" width="12" height="18" /></td>
<td width="70" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td></td>
</tr>
<tr>
<td height="36" colspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="12" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td colspan="3" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="10" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td colspan="3" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td></td>
<td></td>
</tr>
<tr>
<td height="16"></td>
<td width="48"></td>
<td colspan="9" valign="top" style="margin-bottom:-2px;"><img src="images/main_bottom.PNG" width="820" height="16" /></td>
<td></td>
<td></td>
</tr>
<tr style="margin-bottom:-2px;">
<td height="1"></td>
<td></td>
<td></td>
<td width="157"></td>
<td></td>
<td width="97"></td>
<td></td>
<td width="64"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>


That's the whole of the code.
Meti
11-11-2008, 08:53 PM
It's much easier to code layouts in CSS & DIVs.
Gives you much cleaner, and better coding ;)
Pazza
12-11-2008, 06:30 PM
It's much easier to code layouts in CSS & DIVs.
Gives you much cleaner, and better coding ;)
He's doing it to prove a point I think
Jackboy
12-11-2008, 06:57 PM
Use the no-repeat css property?
Luke
12-11-2008, 07:15 PM
I've solved it now
I solved it by starting again, now it's way back on track ;)

Thanks to everyone

Want to hide these adverts? Register an account for free!