120 lines
3.4 KiB
HTML
120 lines
3.4 KiB
HTML
|
<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>
|