Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 132
  • Last Modified:

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
0
mwd__
Asked:
mwd__
  • 2
  • 2
1 Solution
 
rcmbCommented:
Paste this into front page and then save.

<table border="0" width="100%" id="table1" style="border-collapse: collapse">
      <tr>
            <td colspan="3" style="border: 1px solid #000000; padding: 1px">&nbsp;</td>
      </tr>
      <tr>
            <td width="30%">&nbsp;</td>
            <td width="10">&nbsp;</td>
            <td>&nbsp;</td>
      </tr>
      <tr>
            <td width="30%">&nbsp;</td>
            <td width="10">&nbsp;</td>
            <td rowspan="9" style="border: 1px solid #000000; padding: 1px">&nbsp;</td>
      </tr>
      <tr>
            <td width="30%" rowspan="12" style="border: 1px solid #000000; padding: 1px">&nbsp;</td>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
            <td>&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
            <td>&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
            <td rowspan="11" style="border: 1px solid #000000; padding: 1px">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="30%">&nbsp;</td>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="30%" rowspan="8" style="border: 1px solid #000000; padding: 1px">&nbsp;</td>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
      <tr>
            <td width="10">&nbsp;</td>
      </tr>
</table>
0
 
mwd__Author Commented:
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.
0
 
rcmbCommented:
What you need to do is set the width and height of your cells. Even if you add a table within a table the size will still adjust if the parameters are not set. Page layout can be very tricky at times. When you add an image that is larger than the size of the cell it will redjust regardless of how you set your tables. You must readjust the image size to fit within the confines of your cell. Setting the height and width of your cells help you make sure everything stays aligned.

RCMB
0
 
mwd__Author Commented:
Thanks, after having a go at it and setting the sizes I was able to create what I wanted.
0

Featured Post

Nothing ever in the clear!

This technical paper will help you implement VMware’s VM encryption as well as implement Veeam encryption which together will achieve the nothing ever in the clear goal. If a bad guy steals VMs, backups or traffic they get nothing.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now