Table Align Help.

[Markleshark]

I need a bit of help aligning a table inside a table.

On this (http://www.markleshark.com/new/) page you can see my red box, which I need to align to the top of the outer table with no borders or spaces, how would I do that?


<table align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" background="./images/border_l.gif">&nbsp;</td>
<td width="700" height="500" bgcolor="#eaeaea"><p>&nbsp;</p>

<table align="center" border="0" cellspacing="0" cellpadding="0">
<td width="500" bgcolor="#ff0000" valign="top" >Hullo?</td>
</table>

</td>
<td width="20" background="./images/border_r.gif">&nbsp;</td>
</tr>
</table>


Thats the code for the whole of the table setup so far.

Any help appreciated, thanks.

[brn2ski00]

Try this:


<table align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" background="./images/border_l.gif">&nbsp;</td>
<td width="700" height="500" bgcolor="#eaeaea" align="top"><p>&nbsp;</p>

<table align="center" border="0" cellspacing="0" cellpadding="0">
<td width="500" bgcolor="#ff0000" valign="top" >Hullo?</td>
</table>

</td>
<td width="20" background="./images/border_r.gif">&nbsp;</td>
</tr>
</table>

[Markleshark]

That doesn't work. That bit is actually the main big grey table, it's the red one inside that I need to move. As you can see in my original code, I've tried valign but that doesnt work either.

[brn2ski00]

That doesn't work. That bit is actually the main big grey table, it's the red one inside that I need to move. As you can see in my original code, I've tried valign but that doesnt work either.

Yeah, you're right.

But here's the thing: you don't need to worry about the table inside, you need to worry about the cell holding the table inside. you need to align the contents of the cell.... let me mess around.

[Markleshark]

Yeah, you're right.

But here's the thing: you don't need to worry about the table inside, you need to worry about the cell holding the table inside. you need to align the contents of the cell.... let me mess around.

Ok, thanks. I'll let you know if I get anything myself.

[brn2ski00]

Try using CSS coupled with a <div> tag.... I vaguely remember something like this in a Web Centric Computing course I took in college.

[angelwatt]

This seems to work,
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td background="./images/border_l.gif" width="20">&nbsp;</td>
<td bgcolor="#eaeaea" height="500" width="700" valign="top"> <!-- p tag was here -->

<table align="center" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td bgcolor="#ff0000" width="500">Hullo?</td>
</tr></tbody></table>

</td>
<td background="./images/border_r.gif" width="20">&nbsp;</td>
</tr>
</tbody></table>

[Markleshark]

It does. Thanks angelwatt.

[brn2ski00]

This seems to work,
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td background="./images/border_l.gif" width="20">&nbsp;</td>
<td bgcolor="#eaeaea" height="500" width="700" valign="top"> <!-- p tag was here -->

<table align="center" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td bgcolor="#ff0000" width="500">Hullo?</td>
</tr></tbody></table>

</td>
<td background="./images/border_r.gif" width="20">&nbsp;</td>
</tr>
</tbody></table>

I did try that...hmm.

Good work!

[Markleshark]

I did try that...hmm.

Good work!

I think the <p> tags we're breaking it.

Thanks for your help as well brn2ski00.