DotNetNuke DNN Hosting

General Classes

UL LI

UL LI LI

UL LI LI LI

Unordered list items, in particular this will style unordered list items within the Text / HTML module. You can specify what type of item marker should be displayed with each item list. You can choose from circle, disc, or square, as well as specify an image or remove indenting etc.

The default.css file uses the following code below.    

UL LI       { list-style-type: square;}
UL LI LI    { list-style-type: disc;}
UL LI LI LI { list-style-type: circle;}


The code above will set a square next to all unordered list items, sub-list and sub-sub list items. To enable the styling of each section of the list items use the following code:


UL LI - Unordered list: sub-list item

UL UL LI - Unordered list: sub-list item

UL UL UL LI - Unordered list: sub-sub-list item



UL LI       {  list-style-type: square ;}
UL UL LI    {  list-style-type: disc;}
UL UL UL LI {  list-style-type: circle;}

Example:

Unordered list items

<ul>
    <li>Unordered list item</li>
    <li>Unordered list item</li>
    <li>Unordered list item</li>
    <ul>
        <li>Unordered sub-list item</li>
        <li>Unordered sub-list item</li>
        <li>Unordered sub-list item</li>
    </ul>
    <ul>
        <ul>
            <li>Unordered sub-sub-list item</li>
            <li>Unordered sub-sub-list item</li>
            <li>Unordered sub-sub-list item</li>
        </ul>
    </ul>
</ul>