Internet Link Exchange
Member of the Internet Link Exchange


Rhine 4 

design tips 3

Winter/Spring '97

Multi-
columns
with
Tables

MULTICOLUMNS WITH TABLES-Layout design 
can also include newspaper or magazine-style 
columns. While Netscape features the Column 
Tags (see next tip) a two or three column table can be can also be used to control the layout and accommodate a variety of browsers. 
 Multi-column
Table 
<Table border=0 cellspacing=6>
  <TR>
   <TH>colspan=5><H2>
   <!--Place Heading Here--></H2>
   </TH>
  <TR valign=top>
   <TD rowspan=2>
   <!--first column-->
   </TD>
   <TD rowspan=2 width=20>
   <BR>
   <TD>
   <!--Place copy for the
       second column here-->
   </TD>
   <TD width=20>
   <BR>
   </TD>
   <TD>
   <!--Place copy for third
        column here.-->
   </TD>
  </TR>
  <TR>
   <TD colspan=3 align=center>
   <IMG SRC="my.gif">
   <P>
   <B>My Graphic>
   </TD>
  </TR>
</TABLE>

Column
Tags

NETSCAPE COL TAGS In  Netscape you can create  multi-column magazine or  newspaper style layouts  with this tag and its attributes, COLS, GUTTER  and WIDTH which are placed  in the Body of the  document. However, using  graphics within these tags  may throw the column  alignment off.  
 Multicolumns
Example 
<MULTICOL COLS=3 GUTTER=10
    WIDTH=600>
     <COL>
     <!--First column of text
         goes here and here.-->
     </COL>
     <COL>
     <!--Second column of text
          here and here
          and here and here.-->
     </COL>
     <COL>
     <!--Third column of text
          goes here and here and
          here.-->
     </COL>
     </MULTICOL>
 Color Example   ADDING COLOR SHADES to your  tables and individual cells  is another way to spice up  your layout.  
 Rhine 4  Words  Theory  Escapades