edmullen dot net

MISCELLANEOUS HTML and "STUFF" - If you write HTML pages you might find some of this interesting. Be sure to peruse the source code (View - Page Source or keyboard CTRL-U). Also, this page is an interesting effect. Not sure how I'd use it but I kinda like it. Scroll the page and keep your eye on the lower right corner.

An example of using an inline CSS style.

<div style="margin: 0 0 0 25px;">An example of using an <i>inline CSS style</i>.</div>


This is an example of emphasized text using <em>

This is an example of italicized text using <i>

This is an example of STRONGLY emphasized text using <strong>

This is an example of bold text using <b>

This is an example of a relative link in a file in a sub-folder referring to another file in the SAME sub-folder - Backup Your Bookmarks File!!! (href="./moz_profile.php") This is an example of a relative link in a file in a sub-folder referring to a file in the folder immediately ABOVE - HomePage (href="/index.php")

This is an internal link which jumps to the style sheet examples on this page (href="#int_link"). The link anchor can be named anything; I've named this one "int_link".

A static link (href="") doesn't go anywhere; it simply reloads the current page.


Special Characters (see source) - This group also uses the li.plain class in the default.css file


Styles from the site's default style sheet

class="fancy" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="heading_1" (note that this also contains "text transform" to UPPER CASE) - - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="heading_2" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="heading_3" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="heading_4" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="heading_5" - O Civili, Si Ergo.

class="heading_6" - O Civili, Si Ergo.

class="plaintext" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="quote1" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="smaller" - text to 90% - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

div class="inall"

(indents top, right, bottom, left) - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux. O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux. O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="warning" - for inline text where the rest of the text/paragraph is NOT highlighted by this style - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

div id="warn2"

WARNING! - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux. O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux. O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

The following is a 100% horizontal rule


The following is a short (35%) horizontal rule (hr class="shortleft")


The following is a medium (70%) horizontal rule (hr class="mediumleft")


The following is a centered medium (70%) horizontal rule (hr class="medium")


A paragraph (p class="boxplain") formatter

O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux. Oh see, Willie! See 'er go. Forty busses in a row. Oh no, Wilie! Those are no busses, those are trucks. What is in 'em? Cows and ducks!

class="fancy" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="heading_1" (note that this also contains "text transform" to UPPER CASE) - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="heading_2" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="heading_3" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="heading_4" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="heading_5" - O Civili, Si Ergo.

class="heading_6" - O Civili, Si Ergo.

class="plaintext" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="quote1" - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="smaller" - text to 90% - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

class="warning" - for inline text where the rest of the text/paragraph is NOT highlighted by this style - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

div class="inall"

(indents top, right, bottom, left) - O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux. O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux. O Civili, Si Ergo. Fortibus Es In Ero. O Novili, Doser Nobus, Doser Trux. Vadis Inem, Causen Dux.

Copyright 2000-2008 by Ed Mullen


Contact Ed

click for home page