127 lines
3.6 KiB
HTML
127 lines
3.6 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 (floating)</B>
|
||
|
|
<P>
|
||
|
|
|
||
|
|
<TABLE border width=100% cellpadding=6 align=center>
|
||
|
|
|
||
|
|
<TR>
|
||
|
|
<TD>
|
||
|
|
<B>Use With:</B><BR>
|
||
|
|
Tables, Images, form components, inline frames, <OBJECT> tag
|
||
|
|
</TD>
|
||
|
|
</TR>
|
||
|
|
|
||
|
|
<TR>
|
||
|
|
<TD>
|
||
|
|
<B>Arguments:</B>
|
||
|
|
left | right<BR>
|
||
|
|
</TD>
|
||
|
|
</TR>
|
||
|
|
|
||
|
|
<TR>
|
||
|
|
<TD>
|
||
|
|
<B>Synopsis:</B><BR>
|
||
|
|
<P><B>left</B> will float the object on the left margin
|
||
|
|
<P><B>right</B> will float the object on the right margin
|
||
|
|
<P>Multiple objects may be floated left and right.
|
||
|
|
<UL><LI>Note that you need to be sure when using right-aligned floats that there is sufficient
|
||
|
|
space between the left and right margins. If horizontal space becomes too
|
||
|
|
narrow you may see rendering problems as
|
||
|
|
text or other objects begin to overlap the right hand float. You should be
|
||
|
|
able to see this happen in the example below if you gradually reduce the width
|
||
|
|
of the display frame. This is an effect of asynchronous
|
||
|
|
parsing/loading, and you will experience the same rendering effect on a Web browser
|
||
|
|
such as Internet Explorer 4.
|
||
|
|
</UL>
|
||
|
|
</TD>
|
||
|
|
</TR>
|
||
|
|
|
||
|
|
<TR>
|
||
|
|
<TD>
|
||
|
|
<B>Example:</B>
|
||
|
|
<P>
|
||
|
|
<table width=80% align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||
|
|
<tr>
|
||
|
|
<td><FONT color=navy>
|
||
|
|
This is a start of the text and you can<BR>
|
||
|
|
<IMG src="images/orchid.gif" width=100 height=94 align=left><BR>
|
||
|
|
<IMG src="images/orchid.gif" width=100 height=94 align=right><BR>
|
||
|
|
see that even though we inserted two images between the words 'can' and 'see',
|
||
|
|
the text<BR>
|
||
|
|
<TABLE border align=left cellpadding=3><BR>
|
||
|
|
<code> </code><TR><TD>Floating table</TD></TR><BR>
|
||
|
|
</TABLE><BR>
|
||
|
|
<INPUT align=right type=button value="Floating button"><BR>
|
||
|
|
will continue on the same line as if the images have been ignored.
|
||
|
|
Only when a new line occurs will the images be inserted against the right and
|
||
|
|
left margins. We've also floated a table and a form component to demonstrate
|
||
|
|
that multiple objects can be floated. You need to be careful when using
|
||
|
|
right margin floats if you are authoring documents for small displays.
|
||
|
|
Rendering errors can occur if the display width becomes too narrow.
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<P>
|
||
|
|
</TR>
|
||
|
|
</TD>
|
||
|
|
|
||
|
|
<TR>
|
||
|
|
<TD>
|
||
|
|
<B>Rendering:</B>
|
||
|
|
<BR>
|
||
|
|
<P>
|
||
|
|
This is a start of the text and you can
|
||
|
|
<IMG src="images/orchid.gif" width=100 height=94 align=left>
|
||
|
|
<IMG src="images/orchid.gif" width=100 height=94 align=right>
|
||
|
|
see that even though we inserted two images between the words 'can' and 'see',
|
||
|
|
the text
|
||
|
|
<TABLE border align=left cellpadding=3><TR><TD>Floating table</TD></TR></TABLE>
|
||
|
|
<INPUT align=right type=button value="Floating button">
|
||
|
|
will continue on the same line as if the images have been ignored.
|
||
|
|
Only when a new line occurs will the images be inserted against the right and
|
||
|
|
left margins. We've also floated a table and a form component to demonstrate
|
||
|
|
that multiple objects can be floated. You need to be careful when using
|
||
|
|
right margin floats if you are authoring documents for small displays.
|
||
|
|
Rendering errors can occur if the display width becomes too narrow.
|
||
|
|
<BR>
|
||
|
|
<BR>
|
||
|
|
</TD>
|
||
|
|
</TR>
|
||
|
|
|
||
|
|
|
||
|
|
</TABLE>
|
||
|
|
|
||
|
|
</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-align.html"> Previous</A> |
|
||
|
|
<A href="guide-Prog-answers.html"> Next</A>
|
||
|
|
</TD>
|
||
|
|
</TR>
|
||
|
|
</TABLE>
|
||
|
|
|
||
|
|
</BODY>
|
||
|
|
</HTML>
|