thdltools/Jskad
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Initial revision

Browse source
This commit is contained in:
dchandler 2003-07-05 22:13:17 +00:00
parent 8c4ab30a52
commit 0643096899
139 changed files with 10024 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

126
extensions/calpa/Docs/html/guide-Misc-float.html Normal file
View file

@ -0,0 +1,126 @@
<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, &ltOBJECT&gt; tag
</TD>
</TR>
<TR>
<TD>
<B>Arguments:</B>
left &#124; 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>
&lt;IMG src="images/orchid.gif" width=100 height=94 align=left&gt;<BR>
&lt;IMG src="images/orchid.gif" width=100 height=94 align=right&gt;<BR>
see that even though we inserted two images between the words 'can' and 'see',
the text<BR>
&lt;TABLE border align=left cellpadding=3&gt;<BR>
<code>&nbsp;&nbsp;</code>&lt;TR&gt;&lt;TD&gt;Floating table&lt;/TD&gt;&lt;/TR&gt;<BR>
&lt;/TABLE&gt;<BR>
&lt;INPUT align=right type=button value="Floating button"&gt;<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> &nbsp;&#124;
<A href="../javadoc/overview-tree.html">&nbsp;JavaDoc</A> &nbsp;&#124;
<A href="guide-Misc-align.html">&nbsp;Previous</A> &nbsp;&#124;
<A href="guide-Prog-answers.html">&nbsp;Next</A>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>