<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>5: Misc</B></FONT> <P> <BLOCKQUOTE> <P> <B>Drawing horizontal lines</B><BR> <P> <BLOCKQUOTE> <TABLE width=100% border align=center bgcolor=uicontrol cellpadding=10> <TR> <TD align=center> The standard way to draw a horizontal line is to use the <HR> tag: <P> <table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border> <tr> <td><FONT color=navy> <HR width=100%></FONT> </td></tr></table> <HR width=100%> <P><BR> In a CalHTMLPane this tag can also take a color argument: <P><table bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border> <tr> <td><FONT color=navy> <HR width=100% color=green size=1></FONT> </td></tr></table> <HR width=100% color=green size=1> <P><BR> The <HR> tag line-breaks and creates automatic spacing. However this is not always desired, and in such cases the <TABLE> tag can be used to create lines. We draw two such lines below to show that no space is created between successive lines. <P><table bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border> <tr> <td><FONT color=navy> <TABLE width=100% bgcolor=blue cellspacing=0 border=0 cellpadding=1><BR> <code> </code><TR><TD></TD></TR><BR> </TABLE><BR> <TABLE width=50% bgcolor=yellow cellspacing=0 border=0 cellpadding=1><BR> <code> </code><TR><TD></TD></TR><BR> </TABLE> </FONT> </td></tr></table> <P> <table width=100% border=0 cellspacing=0 cellpadding=1 bgcolor=blue> <tr><td></td></tr> </table> <table width=50% border=0 cellspacing=0 cellpadding=1 bgcolor=yellow> <tr><td></td></tr> </table> <P><BR> Lines drawn using the <TABLE> tag can be inset: <P><table bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border> <tr> <td><FONT color=navy> <TABLE width=100% frame=none cellspacing=0 cellpadding=0 rules=all><BR> <code> </code><TR><TD></TD></TR><BR> </TABLE><BR> </FONT> </td></tr></table> <P> <table width=100% frame=none cellspacing=0 cellpadding=0 rules=all> <tr><td></td></tr> </table> <P><BR> ...or by reversing the cell border colors, a raised line can be drawn: <P><table bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border> <tr> <td><FONT color=navy> <TABLE width=100% frame=none cellspacing=0 cellpadding=0 rules=all><BR> <code> </code><TR><TD bordercolorlight=uishadow bordercolordark=uicontrol></TD></TR><BR> </TABLE><BR> </FONT> </td></tr></table> <P> <table width=100% frame=none cellspacing=0 cellpadding=0 rules=all> <tr><td bordercolorlight=uishadow bordercolordark=uihighlight></td></tr> </table> <BR> </TD> </TR> </TABLE> </BLOCKQUOTE> </BLOCKQUOTE> <TABLE align=center width=50%> <TR> <TD align=center> <A href="../CalGuide.html">Guide Index</A> | <A href="../javadoc/overview-tree.html"> JavaDoc</A> | <A href="guide-Misc-colornames.html"> Previous</A> | <A href="guide-Misc-align.html"> Next</A> </TD> </TR> </TABLE> </BODY> </HTML>