Sometimes you want to make a list, but you do not want bullets in front of the list. To get that to work, you try using the CSS List-Style-Type attribute on the UL tag, but it does not work in DotNetNuke.

This is because in DotNetNuke, the LI tag is set with a List-Style-Type attribute. To remove bullets, you must use the List-Style-Type attribute on the LI tag, not the UL tag.

Since you are removing the bullets, you will want to remove the indenting of the list. Different browsers use different attributes to indent. Some use Margin-Left and some use Padding-Left, so you need to set both of these to 0.

Since your list does not have bullets, you will need to add space so people can see the separation between each item. You can accomplish this with the Margin-Bottom attribute on the LI tag.

Lastly, you may want a list included within another list. Separation between these lists make them more readable. Use the Margin-Top attribute on the UL tag.

Here is the CSS you can add to your style sheet to remove the bullets, remove indentation, add space between list items and add space before a sub list.

/* Add space between items and lists */
li {margin-bottom:.5em;}
ul {margin-top:.5em;}

/* Create a plainlist without bullets */
li.plainlist {list-style-type:none;}
ul.plainlist {margin-left:0; padding-left:0;}

To use this CSS to create a list without bullets, specify the Class as plainlist.

<ul class="plainlist">
<li class="plainlist">Item 1</li>
<li class="plainlist">Item 2</li>
</ul>

By Andrew Weitzen, Bronze Inc. (c) 2010

Bronze is the publisher of several online Internet journals including: InternetHandholding.com, DomainNames.gs, DotNetNuke.bz, Programmer.bz, Software.vg, WebHosting.vg