separate tables

[friendly37]

hello every body here

i made 3 tables vertically . I want just to separate them. they are too close to each other.

thank you

[pb&j]

if you are using a larger table to hold the 3, then just add cellpadding or cellspacing to the outer TABLE tag.

[friendly37]

please give me how to separate, give me codes or something .

I have no idea

[pb&j]

show us what you have so far. we cant fix your coding if we dont see it.

[friendly37]

thank you

this is the page

www.whereinfo.org/shtml1.shtml

these are my 3 tables beginning

table one on the left:
<table
align="left" width="20%" border="3" bgcolor="fff8dc" height="100%">

table two in the middle:
<table align="adjust" bgcolor="white" width="50%" height="100%">


table three on the right:

<table align="right" width="20%" border="3" bgcolor="fff8dc" height="100%">

i want just to make them separated vertically

thank you for your help

[pb&j]

try this...
<table cellspacing="20" height="100%"><tr><td width="20%" valign="top">

<!-- this is your left navigation table below, just fill in the insides again -->
<table width="100%" border="3" bgcolor="#fff8dc" height="100%">
</table>
<!-- end left navigation table -->

</td><td width="60%" valign="top">

<!-- this is your center contents table below, just fill in the insides again -->
<table bgcolor="white" width="100%" height="100%">
</table>
<!-- end main center contents table -->

</td><td width="20%" valign="top">

<!-- this is your right navigation table below, just fill in the insides again -->
<table width="100%" border="3" bgcolor="#fff8dc" height="100%">
</table>
<!-- end right navigation table -->

</td></tr></table>

the starting TABLE tag of your 3 current tables have been adjusted and fixed a bit. the 3 tables are now being contained by one larger table. the large table is one row, 3 cells. if you adjust the cellspacing number, that should work the way your want.

[friendly37]

hello

thank you very much for your help.

just one thing, there is a space on the top of the left and right tables. is there a way to take it off?

thank you very much

[pb&j]

like this?

<table cellspacing="0" cellpadding="0" height="100%" border="0"><tr><td width="20%" valign="top">

<!-- this is your left navigation table below, just fill in the insides again -->
<table width="100%" border="3" bgcolor="#fff8dc" height="100%">
<tr><td valign="top">test</td></tr>
</table>
<!-- end left navigation table -->

</td><td width="60%" valign="top">

<!-- this is your center contents table below, just fill in the insides again -->
<table bgcolor="white" width="100%" height="100%" cellpadding="10">
<tr><td valign="top">test</td></tr>
</table>
<!-- end main center contents table -->

</td><td width="20%" valign="top">

<!-- this is your right navigation table below, just fill in the insides again -->
<table width="100%" border="3" bgcolor="#fff8dc" height="100%">
<tr><td valign="top">test</td></tr>
</table>
<!-- end right navigation table -->

</td></tr></table>

[friendly37]

hello

I want now to put the left tale as includes ssi. so what codes of the left table should I put in the text file.


i have taken the the left table codes beginning with <table> bla bla bla </table>

but the result gives me that this left table is out of the big table and positioned on the top.

so I know there ia something wrong.

thank you

[pb&j]

you may have taken out the wrong portion or placed the include in the wrong spot.

<table cellspacing="0" cellpadding="0" height="100%" border="0"><tr><td width="20%" valign="top">

<!-- this is your left navigation table below, just fill in the insides again -->
<table width="100%" border="3" bgcolor="#fff8dc" height="100%">
<tr><td valign="top">test</td></tr>
</table>
<!-- end left navigation table -->

</td><td width="60%" valign="top">

<!-- this is your center contents table below, just fill in the insides again -->
<table bgcolor="white" width="100%" height="100%" cellpadding="10">
<tr><td valign="top">test</td></tr>
</table>
<!-- end main center contents table -->

</td><td width="20%" valign="top">

<!-- this is your right navigation table below, just fill in the insides again -->
<table width="100%" border="3" bgcolor="#fff8dc" height="100%">
<tr><td valign="top">test</td></tr>
</table>
<!-- end right navigation table -->

</td></tr></table>

take out the red part and put it onto its own page.
now in that space you just created by taking out the red part, type in the coding for your include tag.