mwd__
asked on
Trying to create table layout
I would like to create a set of tables for a web page I'm making but am having real trouble. I would like this design: http://homepage.ntlworld.com/mwd500/Images/Table.JPG
I am fine creating the main table but then when I insert tables into it I start to have problems. I can create the two tables to the left but am unable to create the two larger ones to the right in the image. After creating the two to the left I am not able to move the cursor out of them and can only create new tables below them. If I do manage to make the tables all of them are thrown out of position as soon as I place an image into them.
http://homepage.ntlworld.com/mwd500/Images/new_page_1.htm
I am fine creating the main table but then when I insert tables into it I start to have problems. I can create the two tables to the left but am unable to create the two larger ones to the right in the image. After creating the two to the left I am not able to move the cursor out of them and can only create new tables below them. If I do manage to make the tables all of them are thrown out of position as soon as I place an image into them.
http://homepage.ntlworld.com/mwd500/Images/new_page_1.htm
ASKER
I was able to create something like this, what I was after was seperate tables contained in one main table so they wouldnt be affected by each other if an image was added to one.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks, after having a go at it and setting the sizes I was able to create what I wanted.
<table border="0" width="100%" id="table1" style="border-collapse: collapse">
<tr>
<td colspan="3" style="border: 1px solid #000000; padding: 1px"> </td>
</tr>
<tr>
<td width="30%"> </td>
<td width="10"> </td>
<td> </td>
</tr>
<tr>
<td width="30%"> </td>
<td width="10"> </td>
<td rowspan="9" style="border: 1px solid #000000; padding: 1px"> </td>
</tr>
<tr>
<td width="30%" rowspan="12" style="border: 1px solid #000000; padding: 1px"> </td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
<td> </td>
</tr>
<tr>
<td width="10"> </td>
<td> </td>
</tr>
<tr>
<td width="10"> </td>
<td rowspan="11" style="border: 1px solid #000000; padding: 1px"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="30%"> </td>
<td width="10"> </td>
</tr>
<tr>
<td width="30%" rowspan="8" style="border: 1px solid #000000; padding: 1px"> </td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
</tr>
</table>