Another problem <:{

Luke · 11-11-2008, 04:02 PM

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:

HTML Code:

<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:

HTML Code:

<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 Code:

<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

Originally Posted by Meti

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?

Thread: Another problem <:{

Thread Tools

Another problem <:{

Posting Permissions