box calculation problems

here is an example of preformatted text not respecting form element
seems that most box calculations allow overwrites of other text areas
which muddles text in many situations. i have seen  things where
textstring prompt: <input...........
has the prompt overlap the input control as well .... 
can this bleedthru of content into other elements be prevented. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>JavaScript Tutorial 8 - Cookies</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
pre {margin:40px; border:solid 0px gray; padding:0px;
     color:green; font:bold 10pt monospace; white-space:pre}
</style>
<body><a name="top"></a>

<h2><a name="ex1"></a>Working Example #1 - Saving a User Preference</h2>
<p>One of the most common uses of cookies is saving user preferences
for reuse. Our example will reuse a background color selector from
<a href="jstutor6.htm#radio">tutorial 5</a> and save its setting.
Returning to the page will reset the color to the last setting selected.</p>
<table summary="radio sidebar">
<tr><td>
<p><strong>STEP 0: </strong>Copy the BakeCookie and EatCookie functions
into your project.</p>

<p><strong>STEP 1: </strong>Set up a global value for expiry date.</p>
<pre>
var expdate = new Date();
expdate.setTime(expdate.getTime()+(5*24*60*60*1000)); // 5 days
</pre>
<p><strong>STEP 3: </strong>Add a call from the color setting function
to bake a new cookie with any updates.</p>
</td><td width="180">
<form name="radio_form" action="" method="get">
<fieldset>
<legend>Background</legend>
&nbsp;Aquamarine: <input name="radio_color" class="radio" type="radio"
onClick="newColor('Aquamarine')"><br>
&nbsp;Burlywood: <input name="radio_color" class="radio" type="radio"
onClick="newColor('Burlywood')"><br>
&nbsp;Floralwhite:&nbsp; <input name="radio_color" class="radio"
type="radio" onClick="newColor('Floralwhite')"><br>
&nbsp;Goldenrod:&nbsp;&nbsp; <input name="radio_color" class="radio"
type="radio" onClick="newColor('Goldenrod')"><br>
&nbsp;Peachpuff:&nbsp;&nbsp; <input name="radio_color" class="radio"
type="radio" onClick="newColor('Peachpuff')"><br>
&nbsp;White:&nbsp;&nbsp;&nbsp; <input name="radio_color" class="radio"
type="radio" onClick="newColor('White')" checked="checked">
</fieldset></form>
</td></tr></table>

<a name="bot"></a><hr>
<a href="home.htm">JR's Home Page</a> | <a href="#top">Top of Page</a> |
<a href="mailto:VE3LL@RAC.CA?Subject=[jstutor8.htm]">Comments</a> |
[jstutor8.htm:2003 06 11]</body></html>
--
 

John Russell, VE3LL@RAC.CA
http://home.cogeco.ca/~ve3ll (2 L's as in LLAMA)
check HTML at http://www.htmlhelp.com/tools/validator/
check CSS at http://jigsaw.w3.org/css-validator/
check JavaScript at http://www.crockford.com/javascript/jslint.html

Received on Wednesday, 11 June 2003 16:05:09 UTC