Tricks using Tables

Example

Okay, so you just spent $12 million on Van Gogh's Starry Night and can't afford a frame. Here is one we can build very quickly using economical recycled electrons.

The idea is to nest one table inside another. The outer table forms the frame and maroon matting, while the inner table is the black matte.

Note: although the effect will be similar in Netscape and MSIE, they will be different. If you have both browswers, be sure to take a peek!

source code

<TABLE BGCOLOR="#990B00" BORDER="5" CELLPADDING="5" 
    CELLSPACING="5">
  <TR ALIGN="CENTER">

   <TD>
    <TABLE BGCOLOR="#000000" BORDER="0" CELLPADDING="10" 
         CELLSPACING="10">
     <TR ALIGN="CENTER">
      <TD>
       <IMG SRC="/dimages/starry.jpg" WIDTH="127" 
            HEIGHT="105" BORDER="0">
      </TD>

     </TR>
    </TABLE>
   </TD>
  </TR>
</TABLE>
</CENTER>

See Also:

• I need to have two tables sit side by side, but no matter what I do, they end up stacked. What gives?
• 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?
• 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?