list flush left

How do I get my list items to be flush left?

I've got

list-style-type: none;

to get rid of the bullets, but I can't pull the list over to the left.
There's still a gap for the invisible bullets.

EDD

--
--Arrogance is the ultimate learning disability.

Ed Dickerson wrote:

How do I get my list items to be flush left?

I've got

list-style-type: none;

to get rid of the bullets, but I can't pull the list over to the left.
There's still a gap for the invisible bullets.

EDD

you tried puting this on the LI and/or OL...
padding-left:0px;
margin-left:0px;
maybe?


--
a beef jerky site http://www.choicebeefjerky.com.au
not a beef jerky site http://mycoolwheels.com/vote.cmks
nobody ever dreams of working for the man

"Disco Octopus" <discooctopus (AT) yahoo (DOT) com> wrote

Ed Dickerson wrote:

How do I get my list items to be flush left?

I've got

list-style-type: none;

to get rid of the bullets, but I can't pull the list over to the left.
There's still a gap for the invisible bullets.

EDD

you tried puting this on the LI and/or OL...
padding-left:0px;
margin-left:0px;
maybe?

here's the pertinent part:


ul li {list-style-type: none; padding-left: 0px;
margin-left: 0px;
}

has no effect.

--
a beef jerky site http://www.choicebeefjerky.com.au
not a beef jerky site http://mycoolwheels.com/vote.cmks
nobody ever dreams of working for the man

ul li {list-style-type: none; padding-left: 0px;
margin-left: 0px;
}

has no effect.

Try removing "px" from your value. I believe that when specifying a zero
value, the unit of measure is not required.

ul li {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

That's how I do it to make it flush to the left.

--
Viken K.
http://home.comcast.net/~vikenk

Still no effect.


"Viken Karaguesian" <vikenkNO_SPAM (AT) NO_SPAMcomcast (DOT) net> wrote

ul li {list-style-type: none; padding-left: 0px;
margin-left: 0px;
}

has no effect.

Try removing "px" from your value. I believe that when specifying a zero
value, the unit of measure is not required.

ul li {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

That's how I do it to make it flush to the left.

--
Viken K.
http://home.comcast.net/~vikenk

Ed Dickerson wrote:

Still no effect.

Why don't you try posting the URL so that we could see both the markup
and the style sheet as a whole? And why wouldn't you post in the Usenet
style, for constructive discussion? (See
http://www.xs4all.nl/%7ewijnands/nnq/nquote.html )

Based on the mixed pieces of information given, it seems probable that
you have not taken into account the fact that a list (ul or ol element)
may have a margin or a padding. You have just tried to set the left
margin and left padding of each list item to zero. (By the way, 0px or
0pt or 0mm or 0em is equivalent to 0. There's no reason to use a unit
for zero, but neither is there a reason to attack potential problems my
making irrelevant changes.)

So you might just lack
ul { margin-left: 0; padding-left: 0; }

Thanks, everyone.

In my previous post I listed this code:

ul li {list-style-type: none; padding-left: 0;
margin-left: 0;
}

That moved each LI but not the whol UL

So I changed it to

ul {list-style-type: none; padding-left: 0;
margin-left: 0;
}

And that did it.

"Jukka K. Korpela" <jkorpela (AT) cs (DOT) tut.fi> wrote

Ed Dickerson wrote:

Still no effect.

Why don't you try posting the URL so that we could see both the markup and
the style sheet as a whole? And why wouldn't you post in the Usenet style,
for constructive discussion? (See
http://www.xs4all.nl/%7ewijnands/nnq/nquote.html )

Based on the mixed pieces of information given, it seems probable that you
have not taken into account the fact that a list (ul or ol element) may
have a margin or a padding. You have just tried to set the left margin and
left padding of each list item to zero. (By the way, 0px or 0pt or 0mm or
0em is equivalent to 0. There's no reason to use a unit for zero, but
neither is there a reason to attack potential problems my making
irrelevant changes.)

So you might just lack
ul { margin-left: 0; padding-left: 0; }