I have been trying to figure out what our web designer did to style all lists in such a way that no list ever appears as a normal unstyled list.

Take a look at the following page.

Turkey Vest at TimberghostShop

There is a list about half way down the product copy. It is at the end of the section headed by the bold phrase "Do you know where your friction call is?" I want this list to appear as a normal indented bulleted list, but no matter what I do it's always unstyled.

Can anyone help with this?

Thanks,
Josh

Hello,

on that page, find

<ul>
<li>Friction Call Pocket</li>
<li>Mouth Call Pocket</li>
<li>Box Call Pocket</li>
<li>Shot Shell Pocket</li>
</ul>

replace with

<ul class="bullets">
<li>Friction Call Pocket</li>
<li>Mouth Call Pocket</li>
<li>Box Call Pocket</li>
<li>Shot Shell Pocket</li>
</ul>

Add to (all.css)

ul.bullets
{
list-style-type:disc;
margin-left:50px;
}

Let me know if that works.

That worked fine.

This really shouldn't have been a problem. I don't know why a designer utilizes site wide styling for lists and other elements when he should have been using classes and id's to style specific elements.

Thanks for your help.

Josh

I don't know why a designer utilizes site wide styling for lists

Because it is generally more efficient to do a global 'reset' first, then style differently as needed.