(CSS) Example:
List bullets.

CIS/SMOG/NIS  jim.cerny@unh.edu  12-JAN-1999

Results.

This is list 1.

  • Item one. Lorem ipsum. Dolor sit amet, consectetuer adipiscing elit, sed diam ...
  • Item two.
  • Item three.

This is list 2.

  • Item one. Lorem ipsum. Dolor sit amet, consectetuer adipiscing elit, sed diam ...
  • Item two.
  • Item three.

Notes.

CSS1 includes classification elements to control list style. Empirically, they work with MSIE 4.x but not in Nescape 4.x. They allow control of list type (within the normal choices for unordered and ordered lists), list position (indenting of lines after the first line of an item), and use of graphics instead of bullets.

This example creates two variations of an unordered list, substituting graphics for bullets, and indenting text for items in the first list in the normal way and not indenting the second list. The style definitions also show two different ways of coding these elements, one verbose and one more compact. View the source code for details.


Return to CSS seminar home page.