HTML woes

[Nemeliza]

I deserted html a good while ago as i discovererd dreamweaver (i know i know im a lazy assed fool) Well i was wondering if i still 'had it' by making summin in raw html as dreamweaver likes to do its own thing sometimes . Well i guess i dont 'got it' no more cos it isnt working properly and i duno why

----------------------------------------------------------------------------------
<table width=750 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=218 height=105 valign="top" class="background1">left one</td>
<td width=313 height=229 rowspan=2 valign="top" class="backgroundmain"><br>main</td>
<td width=219 height=125 valign="top" class="background3">right one</td>
</tr>
<tr>
<td width=218 height=124 rowspan=1 valign="top" class="background4">left two</td>

<td width=219 height=104 valign="top" class="background5">&nbsp;</td>
</tr>
</table>
----------------------------------------------------------------------------------

Problem is when i display this table in my browser it all looks fine EXCEPT the table which i put in bold wont align properly its assuming the next row begins at 125 px rather than 105px
I tried row spanning which didn make it align correctly but in turn f*d up everything else
Help?

[Mart]

I'm no expert but I thought a row had to be the same height all the way along. If you want different heights you use the rowspan attribute as you have done.

What I would do in this situation is add extra rows in the middle as follows....

<table width=750 border=1 cellpadding=0 cellspacing=0 ID="Table2">
<tr>
<td width=218 height=105 valign="top" class="background1">left one</td>
<td width=313 height=105 rowspan=4 valign="top" class="backgroundmain"><br>main</td>
<td width=219 height=105 rowspan=3 valign="top" class="background3">right one</td>
</tr>
<tr>
<td height=24 rowspan=3 >left two</td>
</tr>
<tr>
<td height=40 ></td>
</tr>
<tr>
<td width=219 height=84 valign="top" class="background5">right two </td>
</tr>
</table>

[Mart]

oopsy daisy....it seems I have added an extra row (40px) cos I thought the height of the 3rd cell in the first row was 145

[Nemeliza]

i [i]think[/] i have figured a way round it.

If i split the table into 3 rows and then place a table inside each column and have 2 rows in column 1, 1 row in column 2 and 2 rows in column 3, i should if im not mistaken be able to avoid this carp.

hope that makes sense.

now just to try it.

[Nemeliza]

HAHA IM A GENIOUS!!! ....well so id like to think anyway

Did this instead:
=============================================

<table width=750 border=0 cellpadding=0 cellspacing=0>


<tr>
<td width=218 height=229>
<table width=218 height=218 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=218 height=105 valign="top" class="background1">left one</td>
</tr>
<tr>
<td width=218 height=124 valign="top" class="background4">left two</td>
</tr>
</table></td>

<td width=313 height=229>
<table width=313 height=218 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=313 height=229 valign="top" class="backgroundmain">Main</td>
</tr>
</table></td>

<td width=219 height=229>
<table width=219 height=218 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=219 height=125 valign="top" class="background3">left one</td>
</tr>
<tr>
<td width=219 height=104 valign="top" class="background5">left one</td>
</tr>
</table></td></tr>

</table>

=============================================

Thanks for the help anyways Mart

[liquid-fix]

Nice work, well thought out See you can achieve many things when u put yur mind to it

[Jonny M]

Suddenly CSS looks appealing