full-page (only shows at top because of this paragraph)

main-page (more than padding shows because of this paragraph

Welcome to Orange Frog Productions [Banner]

OFPv2 is up and running! I may have missed a few things (internal links that don't work correctly; a few pages that don't appear correctly in either IE or Firefox browsers; etc.).
Please let me know if you find any of these. Thanks.

Page Title:

main/page-top

content

Heading 1
Testing line 2
Testing line 3

Heading 1
test subheader 1

Heading 1
test byline for h1

Base font (BODY) is defined as 1.05em. Font for THIS div (MAIN-PAGE) it's sized at 95% and line-height is 115% (for default stuff). (<strong> and <em> are used here and in the breadcrumbs section for testing, only.)

Heading 2
Testing line 2
Testing line 3

Heading 3
Testing line 2
Testing line 3

Heading 4
Testing line 2
Testing line 3

Heading 5
Testing line 2
Testing line 3
Heading 6
Testing line 2
Testing line 3

1111111111 1111111111111 11111111111 11111111111111111111111 1111111111111 1111111111111111 1111111111111 111111111111 1111111111111 1111111111111 111111111111 11111111111 111111111111 1111111111 111111111111 11111111111111 111111 11111111111111 1111111111

2222222222 22 22222222222 2222222222 22222222222 2222222222 2222222222222222 222222222222 222222222 222222222222 222222222222 222222222222 2222222222222 22222222222 22222222222 22222222222 2 22222 2222222222 22222222222222 2222222222 2222222222 22222222

333333333333 33333333333 3333333333333 333333333333 333333333333333333 333 333 333 333333333 33333333333 33333333333 33333333333 3333333333333333

333333333333 33333333333 3333333333333 333333333333 333333333333333333 333 333 333 333333333 33333333333 33333333333 33333333333 3333333333333333

444444 44444444 4444444444444 444444444444 444444444444 4444444444444 4444444444444 444444444444 44444444 44444444444 4444444444 44444444444 44444444444 44444444444 44444444444 444444444

Testing "em" sizes .1, .2, .3 ... .9, 1.0 w/1em top/bottom margins (unused commented out)

testing tfs6 - .6em MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog
testing tfs6 - .6em MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog

testing tfs75 - .7em MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog
testing tfs75 - .75em MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog

testing tfss - 1em MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog
testing tfss - 1em MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog

(Normal font should match spacing and size with 1em font-size... )

MMMMMM MMMMMMMM MMMMMMMMMMMMM MMMMMMMMMMMM MMMMMMMMMMMM MMMMMMMMMMMMM MMMMMMMMMMMMM MMMMMMMMMMMM MMMMMMMM MMMMMMMMMMM MMMMMMMMMM MMMMMMMMMMM MMMMMMMMMMM MMMMMMMMMMM MMMMMMMMMMM MMMMMMMMM

testing nfp6 - .6em normal MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog

testing bfp6 - .6em bold MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog

testing nfp7 - .7em normal MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog

testing bfp7 - .7em bold MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog

testing np - 1em normal MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog

testing bp - 1em bold MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog

testing nlp - 1.25em normal MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog

testing blp - 1.25em bold MMMMMMMMMMMMM
checking readability of font... The quick brown fox jumped over the lazy dog

Testing "%" sizes 10, 20, 30 ... 90, 100 w/1em top/bottom margins (unused, so commented out)

testing bulleted list

  • testing L1 I1
  • testing L1 I2
    • testing L2 I1
    • testing L2 I2
      • testing L3 I1
      • testing L3 I2
        • testing L4 I1
        • testing L4 I2

testing numbered list

  1. testing L1 I1
  2. testing L1 I2
    1. testing L2 I1
    2. testing L2 I2
      1. testing L3 I1
      2. testing L3 I2
        1. testing L4 I1
        2. testing L4 I2

testing indexed list

  1. testing L1 I1
  2. testing L1 I2
    1. testing L2 I1
    2. testing L2 I2
      1. testing L3 I1
      2. testing L3 I2
        1. testing L4 I1
        2. testing L4 I2

testing blank list

  • testing L1 I1
  • testing L1 I2
    • testing L2 I1
    • testing L2 I2
      • testing L3 I1
      • testing L3 I2
        • testing L4 I1
        • testing L4 I2

 

"em" size is relative to whatever is set for the font-size of the body (or the container) and percentages are the same as defined as "em" (10% = .1em). It also appears that anything below .5em or 50% will be too small to see, though. Conceivably, to me, this means that you could "hide" a lot of text that appears as lines by using 30% (.3em) or lower), not that I'm advocating that, or would use it.

014

main/page-bottom

| Home | Main | Owner | Scams, Shams & More Flim-Flams | Glossary | Sitemap | Contact |

Send email to Bill Sanders ()
with questions or comments about this page or site.

This site, all text and graphics (unless otherwise noted) on it
were designed, developed and published by Bill Sanders of Orange Frog Productions.
It and it's CSS was validated and complies with both the: CSS and HTML 4.01 validators from W3C.
NOTE: All CSS validates except the "New Window Buttons" - Their CSS includes  some invalid code (ie: hacks)
and warnings for using transparent backgrounds when color foregrounds defined.
Copyright © 2003, 2004, 2005, 2006 by Bill Sanders / Full site last modified: July 10, 2006
ctr

full-sidebar