Bullet Spacing

Hello,

I am trying to set the space between the bullet and the first word in a UL,
without any luck.

My Lists look like:
x Item 1
x Item 2
x Item 3

and I would like this:
x Item 1
x Item 2
x Item 3

Does anyone know how to do this?

Thanks,
Gerald

In article <pOpQa.59513$XV.3965623 (AT) twister (DOT) austin.rr.com>,
geralds (AT) wanderingcowboys (DOT) com says...

Hello,

I am trying to set the space between the bullet and the first word in a UL,
without any luck.

li {

padding-left: 2em;
margin-left: 1em;
}

Ajust the numbers to suit.

Jacqui or (maybe) Pete wrote:

I am trying to set the space between the bullet and the
first word in a UL, without any luck.

li {
padding-left: 2em;
margin-left: 1em;
}

Ajust the numbers to suit.

To the OP: you might find the following useful reading:
http://devedge.netscape.com/viewsour...2/list-indent/

--
Brian
follow the directions in my address to email me

Brian wrote:

To the OP: you might find the following useful reading:
http://devedge.netscape.com/viewsource/2002/list-indent

<rant>
That devedge site really has some design problems. The font size is
tiny on my monitor. But I'm sure being on the edge of development
means they know better than I the right size for my monitor. Still,
being insolent, I increased the font-size, and voila! a horizontal
scroll bar, and the search box and links are partially off the screen.
Then there's the style switcher. Might be nice, but I have to
enable cookies. Ironic, since the homepage encourages visitors to get
Netscape 7.1, which can load alternative stylesheets without the aid
of cookies or javascript. So, I reluctantly accepted cookies. Guess
what? The switcher still did not work. I had to select a new style,
then reload the page in the browser. Slick. Real slick.
</rant>

[I put this in a separate post, since the link does provide useful
information for the op -- presentation v. content, anyone? -- and I
thought a separate sub-thread would help keep the original thread on
topic.]

--
Brian
follow the directions in my address to email me

In article <UYAQa.59813$Ph3.6065@sccrnsc04>,
Brian <brian (AT) wfcr (DOT) org.invalid-remove-this-part> wrote:

Brian wrote:

To the OP: you might find the following useful reading:
http://devedge.netscape.com/viewsource/2002/list-indent

rant
That devedge site really has some design problems. The font size is
tiny on my monitor. But I'm sure being on the edge of development
means they know better than I the right size for my monitor.

The font sizing was dictated by... well, let's just say
non-engineering types. Yes, that's right, folks, even in WWW design the
visual design choices are not always in the hands of the person doing
the CSS, who must make the best of the situation in which he finds
himself. Although it recently occurred to me that using 'font: icon'
might be a good end-run around those particular limitations, I haven't
yet had a chance to test the idea.

Still,
being insolent, I increased the font-size, and voila! a horizontal
scroll bar, and the search box and links are partially off the screen.

Well, yes-- the design is set up to hang together no matter how the
font size is changed. It's a bit better than most designs, I'd like to
think, which fall apart when the text size is changed by the user.

Then there's the style switcher. Might be nice, but I have to
enable cookies. Ironic, since the homepage encourages visitors to get
Netscape 7.1, which can load alternative stylesheets without the aid
of cookies or javascript.

...but which won't remember that alternative choice once you leave
the page you're viewing. Until user agents manage to remember
alternate-style selections from one page to another, cookie-based (or
URL-encoded) theme systems are the best we can do.

So, I reluctantly accepted cookies. Guess
what? The switcher still did not work. I had to select a new style,
then reload the page in the browser. Slick. Real slick.

I haven't seen that problem until you mentioned it, which makes me
think that something's gone awry with our server-side script. I'll see
if I can figure out what's causing it and get it fixed.
Oh, and you forgot to say how you would have better solved the same
problems we faced.

--
Eric A. Meyer
http://www.meyerweb.com/eric/

Brian wrote:

http://devedge.netscape.com/viewsource/2002/list-indent

rant
That devedge site really has some design problems.

FWIW, I went to devedge soon after their redesign went live. I had no
end of problems, many resulting from those stoopidly small font sizes
that screwed the layout and/or menus when made big enough to read. I
sent devedge some pretty negative feedback about it, but never heard
back and nothing seems to have changed on the site. Either they don't
care, or there aren't enough reported problems to make fixing it worth
their trouble.

More's the pity, it could have been an excellent example of a good CSS
layout, too. Now I just cringe when I go there.

--
To email a reply, remove (dash)ns(dash). Mail sent to the ns
address is automatically deleted and will not be read.

Jacqui or (maybe) Pete <porjes (AT) spamcop (DOT) net> wrote:

I am trying to set the space between the bullet and the first word in a UL,
without any luck.

li {
padding-left: 2em;
margin-left: 1em;
}

Ajust the numbers to suit.

And how can you *decrease* the space between the bullet and the first
word ?

I've been banging my head on the wall for the past 3 days trying to find
a cross-browser solution to this problem. This doesn't seem to work in
IE6 :
ul li:before {
display: marker;
marker-offset: 0.5em;
content: url(../im-commun/puce-niv2_lienN.gif);
}

Thank you.

In article <1fy5b4b.1gb2gmw1avbsowN%ned-ml (AT) idsland (DOT) com>, ned-
ml (AT) idsland (DOT) com says...

Jacqui or (maybe) Pete <porjes (AT) spamcop (DOT) net> wrote:
I am trying to set the space between the bullet and the first word in a UL,
without any luck.

li {
padding-left: 2em;
margin-left: 1em;
}

Ajust the numbers to suit.

And how can you *decrease* the space between the bullet and the first
word ?

I've been banging my head on the wall for the past 3 days trying to find
a cross-browser solution to this problem. This doesn't seem to work in
IE6 :
ul li:before {
display: marker;
marker-offset: 0.5em;
content: url(../im-commun/puce-niv2_lienN.gif);
}
No, sadly it doesn't. Best you can get is:

li {
padding-left: 0;
margin-left: 0;
}

Or turn off the list display & insert the &bull; (or whatever) yourself.

I am trying to set the space between the bullet and the first word
in a UL,
without any luck.

I used

&nbsp;&nbsp;

I don't know if it works cross browser

John D

Jacqui or (maybe) Pete <porjes (AT) spamcop (DOT) net> wrote:

And how can you *decrease* the space between the bullet and the first
word ?
[snip]
No, sadly it doesn't. Best you can get is:

li {
padding-left: 0;
margin-left: 0;
}

Yes, that gives you the browser-default spacing of 1em.

Or turn off the list display & insert the &bull; (or whatever) yourself.

Right, but then why use <li>sts at all ? I could also mush it all up in
nested tables. Yuck.

/me is terribly frustrated.