html examples

• cell 0.0	cell 0.1
  cell with	border all around
  cell with	no border
  cell with	only bottom border 1ex dashed red
  "border-collapse: collapse" example

• cell 0.0	cell 0.1
  cell 1.0	cell 1.1
  table w/ display:inline; vertical-align:text-top; - the li dot is at the bottom in mozilla, but top in opera & IE

• -blank-

• cell 0.0	cell 0.1
  cell 1.0	cell 1.1
  just a table - the li dot is at the bottom in IE and mozilla, but top in opera

• here's a display:inline table:

  cell 0.0	cell 0.1
  cell 1.0	cell 1.1

  cool!
• here's a display:inline table: vertical-align:text-top

  cell 0.0	cell 0.1
  cell 1.0	cell 1.1

  cool! (doesnt work in opera)
• can't just put float:left in the table style because it puts it outside the <ul><li> entirely and the next <li> floats to the table's right.

• cell 0.0	cell 0.1
  cell 1.0	cell 1.1

  this table has the style="float:left;" attribute (modifier?) so that it floats left and this text wraps around. It does work with tables and div in mozilla and opera. - - - some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here some words here
• inset or outset or ridge or groove or inset with color #cc8844

• list of all properties in styles (http://www.w3.org/TR/REC-CSS1#css1-properties)

How <h3> elements are affected by style sheets that apply to all h3, h3.myclass, or just an id=myid.

unqualfiied h3 style

h3 myclass style

h3id style applies only to h3 elements

myid style - applies to all elements

this <p> not affected by h3id

this <p> is affected by myid

This paragraph has no style, but these words are w/in <span></span> tags and have a style="background-color: yellow" as an attribute of the span tag (aka span element, i believe w3.org calls them). This technique puts the style into the tag as an attribute, instead of up top in the header as a pre-defined tag.

Here is some text with unaffected space between <hr> tags.

Here is some text with a style="margin-left: 10; margin-top: 30; margin-right:100; margin-bottom:20" attribute on the <p> tag. I had to include more text so you could see the right margin in effect. The text has to be longer than one line -- even in people with wide browser settings!

link with pop up "title" (link to self: html_example.html) hold mouse over to view (on some browsers, mozilla 0.9.3 included).

link hover (mouse over) is green font color, and active (click down, but not up yet) background-color is black. uses class=adv. (link to self: html_example.html) (works on mozilla 0.9.3).

link hover (mouse over) is background-color, and active (click down, but not up yet) changes font color. uses class=adv2. (link to self: html_example.html) (works on mozilla 0.9.3).
need to see several links on top of each other
(link 1 to self: html_example.html)
(link 2 to self: html_example.html)
(link 3 to self: html_example.html)
(link 4 to self: html_example.html)
(link 5 to self: html_example.html)
(link 6 to self: html_example.html)
(link 7 to self: html_example.html)
(link 8 to self: html_example.html)

another link with different properites, using id=linkid. hover font color: red, active background-color: grey (link to self html_example.html) (works on mozilla 0.9.3).

2 background colors didnt seem to work.

old title +3

header 3

old title +2

header 2

old title +1

header 1

old title +0

header 0

old title +3

old title +2

old title +1

old title +0

jvk header 4

jvk header 3

jvk header 2

jvk header 1

jvk header 0

h1 header

h2

h3

h4

h1 4 header

h1 3 header

h2 2 header

h3 1 header

h4 0 header

jvk4 paragraph

jvk3 paragraph

jvk2 paragraph

jvkh1 paragraph

jvk0 paragraph

mod, all mods have blue bgcolor. Showing how to accumulate and share features in related classes

mod and padded

mod and indented

mod and padded and indented

a red line, made out of a table, with a single, centered '-' char, style font-size: 25%

-

here's a rainbow so the colors blend

-

-

-

-

-

-

-

-

-

-

-

here's a color chart for choosing colors

ff4040

ff7030

ffa020

ffc000

ffff00

c0ff00

88ff40

88d0b0

8888ff

c040ff

ff00ff

ff0088

• item 1
• item 2
• item 3

• item 1

• item 2

• item 3

• item 1
• item 2
• item 3

• item 1
• item 2
• item 3

term 1

definition of it

term 2

another definition

term 1

definition of it

term 2

another definition

It seems the <code> tag should put some space before and after itself (margin) so that the code snippet stands out a little more, like this $regs[r15][writable] = 0 as an example. Yes, i like that. Just 1%, too. I like it at mozilla font 12 and 48 (tho 48 doesnt seem to have much space, but it doesnt need it).

but not if it's the first thing on the line (class=nolmarg) NO Left MARGine. or it connections to something code-like (class=normarg)

• dir (./)

John Kumpf
Itanium Validation Tools
Intel Corporation
email: john@kumpf.org
       kumpf@shr.intel.com
       john.kumpf@intel.com
phone: 908.431.0682