Barb,
This is a bit hard to answer as I don't know if you are talking about a
standard list or a list with graphics.
I'll assume you men standard html lists...
Standard HTML lists have a certain amount of left-indentation. The amount
varies on each browser. Some browsers use padding (from memory Mozilla,
Netscape, Safari) and others use margins (Internet Explorer, Opera) to set
the amount of indentation.
If you want to have your html bullets appear on the very left edge of a
containing box, you also have to deal with the different units browsers use
to indent the list. Ideally they would all use ems. Then you could do this:
ul
{
padding-left: 0;
margin-left: 1em;
}
This gives:
http://www.maxdesign.com.au/jobs/css/listpadding.htm
The results across browers can be seen here (not good):
http://www.browsercam.com/public.aspx?proj_id=56771
As you can see, some browsers seem to use pixels rather than ems, so the
rule set would be:
ul
{
padding-left: 0;
margin-left: 16px;
}
The safest solution (if bullet and list content placement is critical) is to
remove standard bullets and replace them with background images - then you
have absolute control across all standards compliant browsers. More here:
http://css.maxdesign.com.au/listutorial/
hth
Russ
> This may be a really stupid question, but I've searched high and low and
> can't find the answer. Is there any way to set the left margin on a
> list? I'm not talking about the space between the bullet and the list
> item, but the space to the left of the bullet graphic.
>
> Thanks in advance.
>
> Barb
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
