At 03:43 PM 7/12/2006, Robert Lane wrote:
>My page is at:
>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
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:
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.
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/