[Webinar] Streamline your web hosting managementRegister Today

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

different sections in table

Okay, I hope I can explain this. I have the following table on my site:
<TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" BGCOLOR="#00CED1">
<TR>
<TD>
  <TABLE CELLSPACING="1" CELLPADDING="3" BORDER="0">
  <TR>
<CAPTION></CAPTION>
<TD ALIGN="center></TD></tr><TR>
<TD ALIGN="center">
</TD></tr>

</TD>
  </TR>
  </TABLE>
</TD>
</TR>
</TABLE>
This gives me a small box in the middle of the page with different info in it. Now what I would like to do is to put one thing on the left of this box and another on the right. I can't figure out how to do this though. Anyone?
thanks,
Scott
0
cscott57
Asked:
cscott57
  • 3
  • 2
1 Solution
 
chewymonCommented:

<TABLE width="95%">
<TR>
<TD width="33%">Your info here</TD>
<TD>
<TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" BGCOLOR="#00CED1">
<TR>
<TD width="34%">
  <TABLE CELLSPACING="1" CELLPADDING="3" BORDER="0">
  <TR>
<CAPTION></CAPTION>
<TD ALIGN="center></TD></tr><TR>
<TD ALIGN="center">
</TD></tr>

</TD>
  </TR>
  </TABLE>
</TD>
</TR>
</TABLE>
</TD>
<TD width="33%">Other info here</TD></TR></TABLE>

This puts your table in the center with a cell on each side of it for other uses.  Depending on your materisl, you might not have to set the cell widths.
0
 
cscott57Author Commented:
That is great. I just have one more question. The two things on the sides appear too close to my middle onject. I would like them closer to the borders. I assume this is the cell width you wrote about. I tried to fiddle with these but it did not do it. Any clues?
thanks,
Scott
0
 
chewymonCommented:
The cell width just sets the width of the area.  If the objects do not take up the whole width of the cell, they can be positioned like so.

<TD WIDTH="33%" ALIGN="left">
for the left side and
<TD WIDTH="33%" ALIGN="right">
for the right side.  You can also narrow the center cell if you wish.  The widths of the three cells must equal 100%.

You can actually do even more.
<TD WIDTH="33%" ALIGN="left" VALIGN="top">
will put it in the top, left cormer of the cell and

<TD WIDTH="33%" ALIGN="right" VALIGN="bottom">
will put it in the lower right hand corner of the cell.

Also remember you can set the cellspacing and cell padding in any <TD> tag.
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
cscott57Author Commented:
Works like a charm. thank you for the very thorough explanation.

Scott
0
 
mblaseCommented:
Hey! Don't forget to give him his points! :)
0
 
chewymonCommented:
Glad you got it going.
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

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