Jskad/extensions/calpa/Docs/html/guide-Misc-align.html
2003-07-05 22:13:17 +00:00

128 lines
3.3 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>Attr: align</B>
<P>
<TABLE border width=800 cellpadding=6 align=center>
<TR>
<TD>
<B>Use With:</B><BR>
Images, form components, inline frames, &ltOBJECT&gt; tag
</TD>
</TR>
<TR>
<TD>
<B>Arguments:</B>
abstop &#124; top &#124; absmiddle &#124; middle &#124; texttop &#124; baseline &#124; bottom &#124; absbottom &#124; left &#124; right<BR>
</TD>
</TR>
<TR>
<TD>
<B>Synopsis:</B><BR>
<B>abstop</B> aligns the object to the top of the line
<P><B>top</B> and <B>texttop</B> align the object to the top of any text
<P><B>absmiddle</B> aligns the object to the center point of the line
<P><B>middle</B> aligns the object to the middle of any text
<P><B>bottom</B> and <B>baseline</B> align the object to the baseline of any text
<P><B>absbottom</B> aligns the object to the bottom of the line
<P><B>left</B> will float the object on the left margin
<P><B>right</B> will float the object on the right margin
</TD>
</TR>
<TR>
<TD>
<B>Example:</B>
<P>
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
<tr>
<td><FONT color=navy>
&ltTABLE width=100% border=0 cellspacing=0 cellpadding=1 bgcolor=black&gt;&lt;TR&gt;&lt;TD&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TABLE&gt;<BR>
&lt;IMG src="nosrc.gif" alt="top texttop" align=top width=80 height=80&gt;<BR>
Some text<BR>
&lt;IMG src="nosrc.gif" alt="bottom baseline" align=bottom width=80 height=50&gt;<BR>
more<BR>
&lt;IMG src="nosrc.gif" alt="abstop" align=abstop width=80 height=80&gt;<BR>
more<BR>
&lt;IMG src="nosrc.gif" alt="middle" align=middle width=80 height=80&gt;<BR>
more<BR>
&lt;IMG src="nosrc.gif" alt="absmiddle" align=absmiddle width=100 height=80&gt;<BR>
more<BR>
&lt;IMG src="nosrc.gif" alt="absbottom" align=absbottom width=100 height=50&gt;<BR>
&lt;TABLE width=100% border=0 cellspacing=0 cellpadding=1 bgcolor=black&gt;&lt;TR&gt;&lt;TD&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TABLE&gt;<BR>
</td>
</tr>
</table>
<P>
</TR>
</TD>
<TR>
<TD>
<B>Rendering:</B>
<BR>
<P align=center>
<table width=100% border=0 cellspacing=0 cellpadding=1 bgcolor=black><tr><td></tr></td></table>
<IMG src="nosrc.gif" alt="top texttop" align=top width=80 height=80>
Some text
<IMG src="nosrc.gif" alt="bottom baseline" align=bottom width=80 height=50>
more
<IMG src="nosrc.gif" alt="abstop" align=abstop width=80 height=80>
more
<IMG src="nosrc.gif" alt="middle" align=middle width=80 height=80>
more
<IMG src="nosrc.gif" alt="absmiddle" align=absmiddle width=100 height=80>
more
<IMG src="nosrc.gif" alt="absbottom" align=absbottom width=100 height=50>
<table width=100% border=0 cellspacing=0 cellpadding=1 bgcolor=black><tr><td></tr></td></table>
<BR>
<BR>
</TD>
</TR>
</TABLE>
</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-Misc-lines.html">&nbsp;Previous</A> &nbsp;&#124;
<A href="guide-Misc-float.html">&nbsp;Next</A>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>