PDA

View Full Version : Table Problem.. I Guess?

Shaneo
06-10-2003, 10:23 AM
Can someone please help me out :D

I got my table all set out nicely but i want get this one line of text on the bottom of the table.. Like on the line but if i put another <br> or <p> the table just extends and i dont want that.. Eh im bad at explaning.. just have a look (http://www.sa86net.com/~shaneo/help_plz.htm)

Any help would be appreciated :D
Elentari
06-10-2003, 12:05 PM
Make sure that the cellpadding and cellspacing are 0 and they won't exand that much - just to fit the sentence.
Shaneo
06-10-2003, 12:36 PM
The Cellpadding and Cellspacing r Zero.. Cept for the 18 one which has nothing to do with when im trying to change.. It would also help if u posted a code in future pointing out the problem.. Thanx.. Any one else.. Please??
amicus
06-10-2003, 01:50 PM
you have to wrap your table inside of of another table. the downside is that you have to put everything inside of the inner table otherwise the page will scroll.

<html>
<body>
<table height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
blah blah blah
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="1">
Want this sentence on the bottom
</td>
</tr>
</table>
</body>
</html>
Shaneo
06-10-2003, 02:31 PM
But now my images is gone and the table's not the same.. Could u edit my HTML so i know what i'm doing.. Thx :D
pb&j
06-10-2003, 02:32 PM
this line seems wrong...
</td></tr></font></td></tr></table></td></tr></table>
that ending font there.

you can also try adding...
margin-bottom:0px;
to the style of one of your tags as an idea. but i think the afore mentioned problem is the culprit.
amicus
06-10-2003, 04:28 PM
here you go :). you had some errors on the page but corrected them and optimized the code a little. hope this helps.


<html>
<head>
<title>Help Plz</title>

<style>
td.headingBorder {
border: 1px solid #000000;
}

td.contentBorder {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

td.imageBorder {
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

td.footer {
color: #336699;
}
</style>
</head>

<body>
<table height="100%" cellpadding="0" cellspacing="0" border="0">
<tr valign="top">
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2" bgcolor="#B0C3D4" class="headingBorder">Heading</td>
</tr>
<tr>
<td class="contentBorder">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</td>
<td class="imageBorder">
<img src="brokenimage.jpg" width="212" height="120" align="right" hspace="0" vspace="0">
</td>
</tr>
</table>
</td>
</tr>
<tr valign="bottom">
<td height="1" class="footer">
Want this sentence on the bottom
</td>
</tr>
</tr>
</body>
</body>
Shaneo
06-11-2003, 09:53 AM
I tryed that above code and it put the line not at the bottom of the table but at the bottom of the page and thanks for the </font> tip pb&j..

Sadly i dont think i'm gonna be able to get this stupid sentence on the bottom!
amicus
06-11-2003, 01:34 PM
i thought you wanted it at the bottom of the page :(. i think you want it at the bottom of the page outside of the table? or maybe it's just confusing :(

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2" bgcolor="#B0C3D4" class="headingBorder">Heading</td>
</tr>
<tr>
<td class="contentBorder">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</td>
<td class="imageBorder">
<img src="brokenimage.jpg" width="212" height="120" align="right" hspace="0" vspace="0">
</td>
</tr>
</table>
<font color="#336699">Want this sentence on the bottom</font>
Shaneo
06-11-2003, 01:46 PM
Sry it's my bad explaning that's the problem.. Here's (http://www.sa86net.com/~shaneo/help_plz.htm) what i have and here's (http://www.boomspeed.com/shaneo/would_like_2c.gif) what i want.
amicus
06-11-2003, 04:13 PM
ok try this one :) i put the bottom text into it's own row and spanned the image over to rows. chances are you'll need to tweek the code 'cos i'm not sure what your trying to do.

<html>
<head>
<title>Help Plz</title>

<style>
td {
font-family: arial;
color: #336699;
}

td.headingBorder {
background-color: #B0C3D4;

border: 1px solid #000000;

color: #000000;
font-weight: bold;

}

td.contentBorder {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

td.imageBorder {
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

td.footer {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;

font-weight: bold;
}
</style>
</head>

<body>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2" class="headingBorder">Heading</td>
</tr>
<tr valign="top">
<td class="contentBorder">
<br>
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah
<br>
<br>
<br>
</td>
<td rowspan="2" class="imageBorder">
<img src="brokenimage.jpg" width="212" height="120" align="right" hspace="0" vspace="0">
</td>
</tr>
<tr>
<td class="footer">
Want this sentence on the bottom
</td>
</tr>
</table>
</body>
</html>
Shaneo
06-12-2003, 09:35 AM
Thx for all ur help :D