Ray's Test Pages - A disabled textbox, and other ways of adding formatted text
The code for the above form is ...
<form>
<p align="center"><textarea rows="5" name="TextArea1" disabled cols="26" style=
"color=#000000;
background-color: #FFFFFF;
font-weight: bold;
font-size: 14pt;
overflow: hidden;
filter: alpha(opacity=30);">Hi, Here's some text for you. it can be as long or
as short as you want it to be</textarea>
</p>
</form>
The code for the above form is ...
<form>
<p align="center"><textarea rows="5" name="TextArea1" disabled cols="26" style=
"color=#C0C0C0;
font-family: Verdana;
background-image:url('bkg62.jpg');
font-size: 10pt;
font-weight: bold;
border: 1px solid;
overflow: hidden;">Hi, Here's some text for you. it can be as long or as short
as you want it to be</textarea>
</p>
</form>
The overflow style makes the scrollbars disappear, the border style creates the "flat" look, the Disabled keyword makes the text non-editable.
Here's another piece of text, this time the indentations are created using the blockquotes.
The code for the above text is
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p align="left">
<font size="4" color="#FFFF00">Here's
another piece of text, this time the
indentations are created using the
blockquotes.</font></p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
The blockquotes make the code look very untidy.
Here's another way of adding text to a page, a single cell table. |
The code for the above text is
<div align="center">
<table border="1" width="20%" id="table1">
<tr>
<td><font size="4" color="#FFFF00">Here's another way of adding text
to a page, a single cell table.</font></td>
</tr>
</table>
</div>
Finally, here's preformatted text.
Here's another piece of text, this time the indentations are created using the PRE tag.
The code for the above is ...
<pre><font size="4" color="#FFFF00"><b>
Here's another piece of text,
this time the indentations are
created using the PRE tag.
</b></font></pre>
If you use this method, you may be better off looking at the source code as the HTML version adds a lot of the blank space characters to the code.
This page created 21st August 2004