In line paragraph block: <p style="font-size:12pt; margin-left:15px; color:#3f4267;">

Standard site paragraph (defined in rqstyle5):


p {font-size:12pt;margin-left:15px;margin-right:15px;color:#3f4267;}

Other defined paragraph element parameters include various classes:


p.center {text-align:center;}
p.just {text-align:justify;} 
p.right {text-align:right;} and 
p.indent {text-indent:30px;}


This paragraph is indented: <p class="indent">

Simple HTML tag elements include:
<b>bold</b>, <i>Italic</i>, <u>underline</u>, <s>strikethrough</s>;
<sub>sub-script</sub>, <sup>superscript</sup> and <small>small script</small>

Example of strikethough text.

Inline span element: color:
<span style="background-color:#406666; color:#ffffff;">color</span>

Inline custom color link: RanQuist.net
<a href="../index.htm"style="color:#000000">Ranquist.net</a>

code5fontsfilters

640x100 division; left 480px; top; 100px

small logo

<img src="logos.png" alt="small logo" style="float:right">

Simple anchor tag: <a href="url">Url</a>
Bookmark anchor: <a href="#bookmark">Title</a> -- <a id="bookmark">Title</a>

flex-container of four sub-divisions defined in the head section nested within <style> tags </style>

[project b gallery]
[project 10]
[3D fractals]
[2D fractals]
small logo
fractal flames
[Poser/tS galleries]

640x480 division; 20px left, 20px top ; 2px border w/ radius 10px; standard rq blue (#3f4267)


<div style="position:absolute; left:20px; width:640px;
vertical-position:absolute; top:20px; height:560px;
border-radius:10px; border:2px solid #3f4267;">

Style sheet code:

div.640
{
position:absolute; 
left:20px;
width:640;
vertical-position:aboslute;
top:20px;
height:560px;
border-radius:10px;
border:2px solid #3f4267;
}

html <div style="640"> content </div>

Positions: static; (default),
absolute; - the absolute div may be placed anywhere using top, right, bottom and left properties.
relative; - much like static but divion may be offset by changing top, right, bottom and left property values.
fixed; - behaves like absolute, but it will absolutely position a division in fixed reference to the browser window as opposed to the Web page.

Center a division using position:absolute; top:0px; left:50%; width:240px;
margin-left:120;
half of the division width

code5divisions

/*Standard RQ Style5 Sheet*/

body {background-color:#ffffff;}

p.center {text-align:center;}
p.just {text-align:justify;}
p.right {text-align:right;}
p.indent {text-indent:30px;}
p {font-size:12pt;margin-left:15px;margin-right:15px;color:#3f4267;}

a:link {text-decoration:none;color:#3f6742;}
a:visited {text-decoration:none;color:#406666;}
a:hover {text-decoration:underline;color:#69673e;}
a:active {text-decoration:underline;color:#69673e;}

ul.c {list-style-type:circle;}
ul.s {list-style-type:square;}

img.b
{
vertical-align:text-top
}
img.c
{
vertical-align:text-bottom;
}
img.d
{
vertical-align:sub;
}

.tsttext-shadow {text-shadow:5px 5px 5px #3f4267;}
.tsatext-shadow {text-shadow:5px 5px 5px #69673d;}

.shadowfilter-gray {filter:drop-shadow(8px 8px 10px gray);}

background-image:url('DDgradienti.png'); background-repeat: repeat-x;

DDgradienti.png
DDgradienti.png

Inline Text Style: <p style="font-size:12pt; margin-left:15px; color:#3f4267;">
This is a paragraph.</p>

Image graphics:
<img src="logos.png" alt="rqSmall Logo" width="86" height="89" style="float:center"> left, right
Separate style=parameters with semi a colon; style="border:1px solid; float:right"

Special Characters:

The less and greater than codes are used to display the various <tag> examples on this page.

Text-shadows as defined in a css file or between style tags in the head section of a Web page:

.tsatext-shadow {text-shadow:5px 5px 5px #69673d;},
.tsttext-shadow {text-shadow:5px 5px 5px #3f4267;}

<p class="tsatext-shadow">

<p class="tsttext-shadow">

 

small logo Shadows added to a paragraph using the 'drop-shadow' filter defined in css or style section of page: {filter:drop-shadow(8px 8px 10px gray);}

<p class="shadowfilter-gray"> May not display properly in IE

 

Shadow Text

This shadow casting #id is defined in the head section of page:

#delilas
{
font-size:12pt;
text-shadow:5px 5px 7px #020202;
}

<p id="delilas">

more shadows

code5 | fonts & filters | divisions | more shadows | more divisions | RanQuist.net