Log in

View Full Version : Table Help



shevi2027
02-14-2006, 07:54 PM
Heyyy

I have a small problem... I have a table with 3 coloumns...

first coloumn - Alot of text
Second coloumn - Blank cell
Third coloumn - I need another table

The only problem i have is that the third column scrolls according to the first columns.. As the first coloumn has alot of text the third coloumn begins at the middle of the cell..How can i change that..I even tried adding a "div" but it always starts from the middle..



<table border="0" cellpadding="0" cellspacing="0" width="850">
<tbody><tr>
<td width="650" align="center" valign="top">

<table width="650" border="0" cellpadding="0" cellspacing="0" class="tableback">
<tbody><tr>
<td height="45" valign="middle" width="100%"><span class="TXT_3">Best Flash Sites</span> </td>
</tr>
<tr>
<td valign="middle"></td>
</tr>
<tr>
<td><span class="TXT_4"><br>
Best Flash Web Sites is world wide directory for Flash web sites. Here you can see some of the top web sites developed in Macromedia Flash, find out about their creators or find Flash developer for your next web project. To browse sites select a category from the links below. <br><br><br><br>
Best Flash Web Sites is world wide directory for Flash web sites. Here you can see some of the top web sites developed in Macromedia Flash, find out about their creators or find Flash developer for your next web project. To browse sites select a category from the links below. <br><br>
</span></td>
</tr>
</tbody>
</table>
</td>

<td width="20"></td>
<td width="180">
<div class="rightbox">aaaaaaaaaaaaaa</div>
</td>
</tr>
</tbody></table>



My Style


.rightbox {
background-color:#CCCCCC;
table-layout:fixed;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #BDC8D2;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #BDC8D2;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #BDC8D2;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #BDC8D2;
}

.TXT_3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #253D56; letter-spacing: 2px;}


Can anyone help me ??????????

thanks...

shevi2027
02-14-2006, 08:21 PM
found it..
Anyhow if someone else is interested..

You need to add
valign="top" to the third column...


bye bye

Twey
02-14-2006, 08:34 PM
Tried applying vertical-align: top to your third column and possibly the cell within?

While you're using CSS, there's absolutely no need to use deprecated HTML styling attributes such as "valign," "width," and "height."

/EDIT: Heh, beat me to it. The point about CSS still applies, though.