Tricks using Tables

"I need to have two tables sit side by side, but no matter what I do, they end up stacked. What gives?"

A table must sit alone on a "line", but if we stick our tables inside of a table... guess what? It works! This is also very useful for when you have two pictures, each with a caption under it. In this example, I have BORDER=1 so you can see what is going on.

Source	Result
<TABLE BORDER="1" WIDTH="400"> <TR> <TD> <TABLE BORDER="1"> <TR> <TD> This is in our first table! </TD> </TR> </TABLE> </TD> <TD> <TABLE BORDER="1"> <TR> <TD> And this is in the second table! </TD> </TR> </TABLE> </TD> </TR> </TABLE>	This is in our first table! And this is in the second table!

See Also:

• How can I create tables with vivid colors with no spaces or lines between them?
• Why when I create a table with empty cells do I get what looks like a raised or miscolored cell where there is no data?
• Every time I try to list numbers in columns with text, I can't get the decmal points to line up. What gives?
• I have a rather expensive painting I want to show on my site, but I can't afford a frame. What can I do?
• How can I have a fixed width left margin for use with a background graphic that has a dark left region?
• How can I present text in columns, like a newspaper?
• Columns are nice. How can I divide them with a line?
• How do you get your text into those pretty boxes?
• How to I get things to align properly within my tables?