Information Services Web development centre

Lists

The examples on this page demonstrate the styling of html elements as defined in the university style sheets:

Default lists

By default all lists appear as standard with bullets for unordered lists, numerals for ordered lists and indents for definition lists.

Unordered:

Use the unordered list when you have a collection of items that have no strict order. eg: a list of links

Ordered:

Use the ordered list when you have a collection of items for which a strict order is necessary. eg: steps in a process

  1. Research Report
  2. Innovation Report
  3. Performance Measurement
  4. Management and Training Plan

Definition list

A definition list appears with indenting by default. Use a definition list when the list contains a list of terms and definitions or explanations of those terms. eg: a glossary or FAQ

definition term
definition of the term
definition term
definition of the term

with the "nobullet" style

An unordered list with the "nobullet" style applied appears without bullets. This style no longer applies to ordered lists as the bullets (numerals/characters) are integral to the meaning of an ordered list. This style also incorporates the nobulletspaced style to provide backwards compatibility, but the nobulletspaced style is deprecated and should no longer be used.

Example:

Instructions:

Apply the nobullet class to <ul> tag.

with the "arrowli" style

An unordered list with the "nobullet" style applied appears without bullets. This style no longer applies to ordered lists as the bullets (numerals/characters) are integral to the meaning of an ordered list. This style also incorporates the nobulletspaced style to provide backwards compatibility, but the nobulletspaced style is deprecated and should no longer be used.

Example:

Instructions:

Apply the arrowli class to <ul> tag.

top of page