At 03:43 PM 7/12/2006, Robert Lane wrote:
>My page is at:
>http://www.careercounselingservices.com/test2/outplacement.htm
>
>If you scroll down in the lower half of the page (yes it is long!)
>there are some nested unordered lists.
>
>I want to reduce the indents.
...
>How would I write a style to get rid of or reduce the indent on the list
>items?
Robert,
The most obvious CSS properties affecting the indent of an
unordered list item will be the left padding & margin on the UL & LI
elements. On first glance I can't see where you've assigned these
styles in your stylesheets, so I'd guess your list items are being
styled by the browser itself.
Every browser comes with a default stylesheet; these differ slightly
from one browser to the next. Many people "zero out" many of these
default styles, making it easier to get the same predictable effects
cross-browser. A very simple example would be:
*
{
margin: 0;
padding: 0;
}
In other words, remove all default margins & padding from all
elements on the page. If you do this, you'll then have the
responsibility for adding margins & padding back to those elements
from which you expect it, such as Hn & P tags. Some web developers
find this a nuisance; I find it an agreeable and necessary part of
deliberate styling. Other properties I commonly flatten at the
beginning of stylesheets include font-weight & family.
Paul
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
