Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

table within table

trying to make outer table to set a border all round

10:55 am on Sep 12, 2006 (gmt 0)

New User

5+ Year Member

joined:Sept 12, 2006
votes: 0

I read that sometimes it is a good idea to put a table inside another one, but one of the comments I found here said it wasn't!
My web site consists of 3 tables each of equal width with different column spacings.
I used a css tab on the bottom one to set left and right borders which is fine.
table.borders {
border-left-style: solid;
border-left-color: blue;
border-left-width: 1px;
border-right-style: solid;
border-right-color: blue;
border-right-width: 1px;
I thought of using a wider border and using grooved or ridged. The problem is that this only works on the one table. Well it's easy to put it on the other two separately, like:
<table width=780 align="center" class="valignT bgWhite borders">
where class borders gives the property above in the style sheet.

A neater solution would be to create an outside table.
I tried this but the border does not show.
An additional issue is that working in DreamWeaver I can edit in the extra table code in the code section, but in the design view the whole site disappears. But it does produce a dispayable web page but no border.

I don't know if my basic design of 3 tables is ideal. I have seen nested tables but do not know the rules for doing this.

Any recommendations please?

11:31 am on Sept 13, 2006 (gmt 0)

Full Member

10+ Year Member

joined:Aug 30, 2002
posts: 303
votes: 0

You could surround your tables in a span. eg:

<span style="border:1px solid black;">
<table><tr><td>table 1 etc</td></tr></table>
<table><tr><td>table 2 etc</td></tr></table>
<table><tr><td>table 3 etc</td></tr></table>