set document size on open:
method 01: as a meta tag in <head>
<meta pageSize=200x200, resize=no, scrollbars=no />

- or - put this in your <head> as style.

html { height: 200; width: 200;
overflow-y: hidden; overflow-x: hidden; }

<base href> set in <head> will make it so all your hrefs can be typed as 'relative' doing away with the need for using the url eg, http://landisreed.com/images/spacer.gif or absolute path on server, like /bclinformationservices/landisreed.com/images/spacer.gif (assuming your website is on a host, 'shared server' (website hosting service) or shared IP, as if your domain is a root domain or 'main account' on the server or have set the php [root] < ?php include ($_SERVER['DOCUMENT_ROOT'].'/inc/nav.html') ; ?>

<div id="footer"> basic 'body' box as used on this page

  1. #page01 {
  2. position:relative;
  3. margin-left:auto;
  4. margin-right:auto;
  5. margin-top:0px;
  6. margin-bottom:4px;
  7. width:960px;
  8. height:auto;
  9. padding:0px;
  10. background-color:rgba(0,0,0,0.5);
  11. border:1px solid gray;
  12. border-radius: 4px;
  13. box-shadow:2px 2px 2px #666666;
  14. z-index:20;
  15. }

the color 'declaration' of selectors (tags) like background-color:rgba(0,0,255,0.5) *see note

what this says: rgba RedGreenBlue color values with the 4th value being the Alpha channel or the transparency of the element.
color values are from 0 to 255 (each) with 0,0,0 being Black, 255,0,0 Red, 0,255,0 Green, 0,0,255 Blue and 255,255,255 being pure White.
the Alpha values are from 1.0 to 0.1

*note: notice how the selector (elelment) delcaration (values) get bigger form background-color to 255,0.5)?
I used the <span> tag without closing each (called nesting) change from gold to blue, so the tags where 'inheriting' their values from the text before it.
because I used the font-size:1.1em. 1.1em says that the text should be 1.1 times the size of the text before it (around it)
So,,, each time i use the span tag, without closing, the new span was 1.1 times larger then the 1.1 times larger text befoer it.

*Note: background-color:  when used in a child or sub element (selector) 'removes' content of 'TD':
When element - value (selector : decloration) background-color:  when used in a child or sub element (selector) as in table.main td { background-color:"white" } ("none" and "inherit") will blank out the declaired cell 'TD' bground .
if the TD has a 'bgcolor=' set, the obsolete html value is replaced by parent element (selector) instead of it being the 'current' value (breaks the 'higherarchy').
I used my utf-8 text editor to search/replace <td bgcolor="xxxxxx" with <td style="background-color:xxxxxx and then the cell will again, superseed the parent style

08.06.11:
'postit-note' how I built this css3 'box' with {border, shadow, background color:
the 'in-line style' is used to create this box
*<style="box-shadow:5px 5px 5px rgba(20, 126, 0, 0.8); font-size:14px; background-color:lightyellow; border:2px solid gray; border-radius:10px; margin-left:2px; padding:5px; width:440px ">

musical quarter note: &#9833; = ♩
musical eighth note: &#9834; = ♪
musical single bar note: &#9835; = ♫
musical double bar note: &#9836; = ♬
musical flat note: &#9837; = ♭
musical natural note: &#9838; = ♮
musical sharp note: &#9839; = ♯
You can copy the &#98xx; (ampersand, pound, 4 digit numbar, semi-colon) from here, But, if you copy the code from 'page source' you will have to change the amp (&amp;) 'code' to an actual single character Ampersand .
characters by Ron at answers.yahoo - [code] by Landis.

[code string] &#9833; &#9834; &#9835; &#9836; ...... &#9833;&# 9834;&# 9835;&# 9836; [/code string]
renders this

...... ♬ ♫ ♪ ♩ ...... ♩ ♪ ♫ ♬ ......
or
...... ♩ ♪ ♫ ♬ ....... ♬ ♫ ♪ ♩ ......
  *the actual code being used may have slightly different color values... i tend to play with them

also see my Special Character html, hex, unicod encoding page

the code for the above <hr> as defined in my css stylesheet
hr.hg { height:3px; border-width:1px; color:rgba(32,32,32,0.7); background-color:rgba(200,200,200,0.7); }
to use as inline style drop { } insert in <hr style=" -code- " > *see css hr

this is the <stylesheet> or <head> 'long form' of my 'box' element
Rotation-Selectors are 'rem'd' (remarked, commented out) because the code to 'workaround' the rotation in ie (internet explorer), early firefox and mac safari,,, Sucks!

the code for above, dotted '<hr>' defined with style:
<hr style="height:1px; border-width:1px; color:gray; border-bottom-style:dotted; border-top-style:none;" / >

<style type="text/css"> *see css hr div.postit-yellow {
/* this works great, but... inserting onto a table or 'cell' shifts other things. Need to try puting on top of page and specifing location with margin properties.. another day. 08.06.11 - Landis */
width:280px;
padding:0px;
border:2px solid gray;
border-radius:10px;
/* margin:60px; /* changes position relative to where it's inserted, Nope, puts a border or 'margin' on all 4 sides. need to use margin-right etc */
margin-left:10px;
/* margin-top Minus 100px is an attempt to 'move' the box outside of the td it's in */
margin-top:-100px;
/* margin-top Minus,,, Yep... It works, cool ! Landis */
background-color:yellow;
/* rotation-point:50% 50%; /*as of 08.06.11, not yet supported */
/* rotation:45deg; /*as of 08.06.11, not yet supported */
/* transform:rotate(30deg); /*might not be supported yet either, 08.06.11 */
/* Rotation, for now, this is how (08.06.11) */
transform:rotate(20deg);
-ms-transform:rotate(10deg); /* IE 9 */ /*Does NOT work on any ie bellow 9.. ie and ms suck! */
/* Minus Rotation - this is an atempt to see if a Negitive Rotation works or does it only work 'clock-wise' ie -10 would be 350deg */
/* Yes, again, cool. Minus (-10deg) works... */
-moz-transform:rotate(-10deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */
/* Rotation, for now.. Freaking Works... Cool - 08.06.11 Landis (got this from w3schools.com */
}

hr.sharpie {
width:90%;
background-color:black;
border:2px solid gray;
/* border-color:gray; /* will use 'grey' , but seems to like 'gray' with an A - Actually this is Not even Used - *see above border */
border-radius:25px;
height:5px;
}
</style>

<table,th,td> CSS and tables.. this one took me Too long. I should have given up Long before I did.

here is code from my ColorCodes page.
/*definitions i used in some of the color chip tables*/
table.main { /*so, i define a 'class' of main ie, <table class="main">*/
width:100%;
background-color:inherit; /*warning: i got a validation warning using 'white' as bkgcolor, same as parent, so changed to 'inherit' from parent*/
/* border:10px solid red; short hand */
border-width:1px;
border-style:solid;
border-color:rgb(80,80,80); /* long form - warning: apparently there is no (rgb)a (alpha) in border*/
padding:1px;
color:black;
font-family: Helvetica, Arial, sans-serif;
font-size:100%;
font-style:none;
}

table.main td {
/*border:1px solid black; css short hand */
border-width:1px;
border-style:solid;
border-color:rgba(80,80,80,0.5);
border-spacing:0px;
}