shadowline
Background Style << List Style >> Spacing
Ever wanted to be more creative with the "bullets" used when creating Ordered Lists and Unordered Lists?


Ordered Lists

Using the OL tag set in the BODY area will create a normal numbered list. Adding a CSS command into the HEAD area of the code can change the numbers into a number of different choices.

<style type="text/css">
<!--
ol {list-style-type: value;}
-->
</style>

The VALUE can be set to :
disca disc
circlea circle
squarea square
decimalregular numbers
lower-romanlower case roman numerals (i, ii, iii, iv)
upper-romanupper case roman numerals (I, II, III, IV)
lower-alphalower case ascii letters (a, b, c, d)
upper-alphaupper case ascii letters (A, B, C, D)
noneno marker at all



Unordered Lists

Unordered lists can also be affected by the list-style-image command. They originally produce a DOT type bullet. Using CSS, you can substitute that dot with an image you have on file.

<style type="text/css">
<!--
ul {list-style-image: url (SomeImage.gif);}
-->
</style>

Note : Netscape 4.7 does not support the images setting for UL.
Background Style << List Style >> Spacing
shadow

Advertise in the banner along the top, Click here!

Valid XHTML 1.0 Transitional Valid CSS! Text Link Ads
shadow
shadow