Jskad/extensions/calpa/Docs/html/guide-Tables-borders.html

175 lines
4.4 KiB
HTML
Raw Normal View History

2003-07-05 22:13:17 +00:00
<HTML>
<BODY bgcolor=ffffff>
<P>
<TABLE width=100% cellspacing=0 cellpadding=0>
<TR>
<TD>
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
</TD>
<TD align=right>
<FONT size=-1><B>Example Tag Usage</B></FONT>
</TD>
</TR>
</TABLE>
<HR width=100% size=1 color=black>
<P>
<FONT size=+1><B>1: Tables</B></FONT>
<P>
<BLOCKQUOTE>
<P>
<B>Attr: frame</B><BR>
<B>Attr: border</B><BR>
<B>Attr: rules</B><BR>
<P>
<BLOCKQUOTE>
<TABLE border cellpadding=6 align=center>
<TR>
<TD>
<B>Use Within:</B><BR>
&lt;TABLE&gt;
</TD>
</TR>
<TR>
<TD>
<B>Arguments:</B><BR>
<B>frame:</B> void &#124; border &#124; box &#124;
hsides &#124; vsides &#124; above &#124; below &#124; lhs &#124; rhs <BR>
<B>border:</B> A number >=0 or no argument<BR>
<B>rules:</B> none &#124; groups &#124; cols &#124;
rows &#124; all <BR>
</TD>
</TR>
<TR>
<TD>
<B>Synopsis:</B><BR>The <B>border</B> attribute specifies the thickness of any
border to be drawn around a table.
<P>The <B>frame</B> attribute determines which sides of the table any border
should be drawn.
<P>The <B>rules</B> attribute determines how lines between table cells are
drawn.
<P>
<UL>
<LI>"border=0" is equivalent to "frame=void"<BR>
<LI>"frame=border" is equivalent to "frame=box"<BR>
<LI>"border" with no argument is now deprecated but backward compatibility
requires a rendering equivalent to: "frame=border" "border=1" "rules=all"
<P>
</TD>
</TR>
<TR>
<TD>
<B>Example 1:</B>
<P>
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
<tr>
<td><FONT color=navy>
&lt;TABLE cellspacing=2 cellpadding=2 border=2 frame=hsides <BR>bordercolor=maroon rules=none&gt;<BR>
<code>&nbsp;&nbsp;</code>&lt;TR&gt;<BR>
<code>&nbsp;&nbsp;&nbsp;&nbsp;</code>&lt;TD&gt; Frequently Asked Questions
&lt;/TD&gt;<BR>
<code>&nbsp;&nbsp;</code>&lt;/TR&gt;<BR>
&lt;/TABLE&gt;</FONT>
</td>
</tr>
</table>
<P>
</TR>
</TD>
<TR><TD>
<B>Rendering:</B>
<BR>
<table align=center cellspacing=2 cellpadding=2 border=2 frame=hsides
bordercolor=maroon rules=none>
<tr><td>Frequently Asked Questions</td></tr>
</table>
<BR>
</TD></TR>
<TR>
<TD>
<B>Example 2:</B>
<P>
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
<tr>
<td><FONT color=navy>
&lt;TABLE width=250 rules=groups bgcolor=plum border=3 <BR>
frame=box cellspacing=0&gt;<BR>
&lt;COLGROUP span=1 align=center&gt;&lt;/COLGROUP&gt;<BR>
&lt;COLGROUP span=2 align=center&gt;&lt;/COLGROUP&gt;<BR>
&lt;COLGROUP span=1 align=center&gt;&lt;/COLGROUP&gt;<BR>
&lt;THEAD&gt;<BR>
<code>&nbsp;&nbsp;</code>&lt;TR&gt;&lt;TD colspan=4 align=center&gt;&lt;B&gt;Junior Attendees&lt;/B&gt;&lt/TD&gt;&lt;/TR&gt;<BR>
&lt;/THEAD&gt;<BR>
&lt;TBODY&gt;<BR>
<code>&nbsp;&nbsp;</code>&lt;TR&gt;&ltTH&gt;&lt;/TH&gt;&lt;TH&gt;Boys&lt;/TH&gt;&lt;TH&gt;Girls&lt;/TH&gt;&lt;TH&gt;Total&lt;/TH&gt;&lt;/TR&gt;<BR>
&lt;/TBODY&gt;<BR>
&lt;TBODY&gt;<BR>
<code>&nbsp;&nbsp;</code>&lt;TR&gt;&ltTH&gt;1997&lt;/TH&gt;&lt;TD&gt;16&lt;/TD&gt;&lt;TD&gt;18&lt;/TD&gt;&lt;TD&gt;34&lt;/TD&gt;&lt;/TR&gt;<BR>
<code>&nbsp;&nbsp;</code>&lt;TR&gt;&ltTH&gt;1997&lt;/TH&gt;&lt;TD&gt;22&lt;/TD&gt;&lt;TD&gt;31&lt;/TD&gt;&lt;TD&gt;53&lt;/TD&gt;&lt;/TR&gt;<BR>
&lt;/TBODY&gt;<BR>
&lt;TBODY&gt;<BR>
<code>&nbsp;&nbsp;</code>&lt;TR&gt;&ltTH&gt;Total&lt;/TH&gt;&lt;TD&gt;38&lt;/TD&gt;&lt;TD&gt;49&lt;/TD&gt;&lt;TD&gt;87&lt;/TD&gt;&lt;/TR&gt;<BR>
&lt;/TBODY&gt;<BR>
&lt;/TABLE&gt;</FONT>
</td>
</tr>
</table>
<P>
<TR><TD>
<B>Rendering:</B>
<BR>
<table width=250 align=center rules=groups bgcolor=plum border=3
frame=box cellspacing=0>
<colgroup span=1 align=center></colgroup>
<colgroup span=2 align=center></colgroup>
<colgroup span=1 align=center></colgroup>
<thead>
<tr><td colspan=4 align=center><B>Junior Attendees</B></td></tr>
</thead>
<tbody>
<tr><th></th><th>Boys</th><th>Girls</th><th>Total</th></tr>
</tbody>
<tbody>
<tr><th>1997</th><td>16</td><td>18</td><td>34</td></tr>
<tr><th>1998</th><td>22</td><td>31</td><td>53</td></tr>
</tbody>
<tbody>
<tr><th>Total</th><td>38</td><td>49</td><td>87</td></tr>
</tbody>
</table>
<br>
</TD>
</TR>
</TABLE>
</BLOCKQUOTE>
</BLOCKQUOTE>
<TABLE align=center width=50%>
<TR>
<TD align=center>
<A href="../CalGuide.html">Guide Index</A> &nbsp;&#124;
<A href="../javadoc/overview-tree.html">&nbsp;JavaDoc</A> &nbsp;&#124;
<A href="guide-Tables-background.html">&nbsp;Previous</A> &nbsp;&#124;
<A href="guide-Tables-bordercolors.html">&nbsp;Next</A>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>