Tables help...

[GenomeX]

It's not the way I want it to look. I want the 'colspan' to 'go as far as' (height) the cells to the left. This is my code so far.

<center><img src="images/pso.jpeg"></center><br>
<table width="760" border="1" cellspacing="0" Cellpadding="5" bordercolor="#FFFFFF">

<tr><td width="180" background="images/bg.jpeg"><font face="verdana" size="1"><center><b>Clan

Information</b></center></font>

<tr>
<td>
<font face="verdana" size="1">.: Who are we?</font><br>
<font face="verdana" size="1">.: Members</font><br>
<font face="verdana" size="1">.: Allies</font><br>
<font face="verdana" size="1">.: Enemies</font><br>
<font face="verdana" size="1">.: Join Us</font><br>
<font face="verdana" size="1">.: Rules</font>

<td><font face="verdana" size="1"><center>Center Frame</center></font></td>
</td rowspan="2">
</tr>

</table>

I also will provide a screenshot. located http://www.boomspeed.com/genomex/help.jpeg

Help on how to fix this would be GRATELY appreciated! Thanks!

[nitewing]

Welllll...

For one thing I do not see a th tag or even any coding for colspan.

I cannot look at your actual source code on a jpg...why not just a link to the page instead of the screen shot?

It looks as if everything is hanging together right so far...what is you have in mind?

That was not clear AFTER I looked at the jpg.

Place a link to the actual page and tell me just what you want done to it and I will try to assist you.

And I would use % widths that will resize for all browser resolutions.

Nitewing

[HTML]

Hello GenomeX,

If what you are trying to do is strech the first row across both columns, here is what you need to do.

problems in[brackets]

<center><img src="images/pso.jpeg"></center><br> 
<table width="760" border="1" cellspacing="0" Cellpadding="5" bordercolor="#FFFFFF"> 

<tr><td width="180" background="images/bg.jpeg">[need colspan="2" attribute inside of td tag]<font face="verdana" size="1"><center><b>Clan 

Information</b></center>[center tags should be removed and align="center" attribute used in td tag instead]</font> 
 [no closind td or tr before starting a new one]
<tr> 
<td> 
<font face="verdana" size="1">.: Who are we?</font><br> 
<font face="verdana" size="1">.: Members</font><br> 
<font face="verdana" size="1">.: Allies</font><br> 
<font face="verdana" size="1">.: Enemies</font><br> 
<font face="verdana" size="1">.: Join Us</font><br> 
<font face="verdana" size="1">.: Rules</font> 
[need closing td before beginning new one]
<td><font face="verdana" size="1"><center>Center Frame</center>[center tags should be removed and align="center used in td tag instaed]</font></td> 
</td rowspan="2">[does not fit in this code at all] 
</tr> 

</table> 

[nitewing]

If I made it I would
Use a % width for the table (no width is really necessary for the th and the td's in this case) and it will allow your table to be viewed by a wide range of resolutions rather than the 800x600.

If you feel you need to put in the width use the same % width for the th tag, then
drop the first pair of <td></td> and use <th colspan="2">some text</th>

(colspan= ) usually circumvents the need for a stated width in the top line)

Just my 2 cents worth

nitewing

[nitewing]

Here is what I came up with....try it out on a test page and view it in your browser...I hope this helps.

<table width="80%"
border="1"
cellpadding="5"
align="center">

<th colspan="2" align="center" valign="top">Clan Information</th>
<tr>
<td width="20%">
Who are we?<br>
Members<br>
Allies<br>
Enemies<br>
Join us<br>
Rules
</td>
<td>center frame
</td></tr></table>

nitewing

[nitewing]

Here is the same thing slightly changed to add list to the items.
<table width="80%"
border="1"
cellpadding="5"
align="center">

<th colspan="2" align="center" valign="top">Clan Information</th>
<tr>
<td width="25%"
align="left">
<ul type="square"
dir="ltr">
<li>Who are we?</li><br>
<li>Members</li><br>
<li>Allies</li><br>
<li>Enemies</li><br>
<li>Join us</li><br>
<li>Rules</li></ul>
</td>
<td align="center">center frame
</td></tr></table>

Ann

[GenomeX]

Okay. I fixed it Thanks for the help Sadly I have yet another problem.

I want the Affiliates section on my other site to be at the right cloumn of the center or 'main frame' of my site. http://genomex.netfirms.com/main2.html

Thanks!

[HTML]

What you want is nested tables. This means putting "child" tables into the "parent" table cells. Without cleaning up the code you have you would be in real trouble so lets do that first.

<BODY BGCOLOR="000000" TEXT="WHITE"> 

though not important to the table structure you are missing the # in the bgcolor

.: Final Fantasy Crystal Chronicle<br>
.: PSO Ep. I & II</font>
</td>

<tr><td width="120" align="center" bgcolor="#494949"><font face="verdana" size="1"><b>Site 

You need to close one row before starting the next

</font></td></tr>

<td  width="120"><font face="verdana" size="1">.: Chatroom<br> 

This row never got opened

there is more like this so be sure to clean it first. Let me know and I will tell you how to finish it off.

Dave

[HTML]

This is also a great time to get rid of the font tag and use CSS. It would make it much easier when finding trouble code, and would be really nicer for your visitors too. Dean has great CSS tutorialshttp://css.somepeople.net/ though it looks like you have a good grasp on that.

Dave

[Doorknob]

he's got problems dealing with tables and u want him to pick up css?