bullets

Do you mean you have a sublist in a list?

as in:

<ul>
<li> item one </li>
  <ul>
    <li> subitem one </li>
  </ul>
<li> item 2 </li>
</ul>

As for removing the space around it, try this:

ul {
margin: 0;
padding: 0;
}

The default is for each line of a li is to be indented the same. Can you be more specific about the test case?

Set the list margin-top and margin-bottom to 0 to eliminate the space above and below the list. Keep in mind the margins of those elements above and below the list.

cheers,

gary

thanks for the quick reply guys.

say i have a list of sentences

* the quick brown fox
jumps over the lazy dog
* blah blah black sheep
was hit a car

the 2nd line should be indented too.

It is by default. If you're getting different results, you've changed something.

cheers,

gary

I have a feeling you're not using the <ul> - am I correct?

If you're doing it the hard way (ie just typing it in), then the browser will ignore your spaces:

* item one
carries on here
* item 2
here also

will display the same as:

* item one
   carries on here
* item 2
   here also

yes that is the default style of bullets but i want to elliminate the spaces around it, setting the top and bottom will do but on the left side it still has spaces

thanks for the reply by the way.

Then set ul's margin (for IE) and padding (for Moz) to 0. That removes all indention and top and bottom spacing. You can now reset things to your heart's content

cheers,

gary

Setting

list-style-position: outside;

Should do what I think you want it todo.

list-style-position: outside;

Should do what I think you want it todo.Yeah, that's the default; which is why I suggested that something had been changed.

cheers,

gary

It's a fair point you make

For some reason when I posted I was under the impression that different browsers had different defaults - I think it was a moment of madness, I can only assume I have got used to some browsers (*cough* IE *cough*) doing things differently and blame that....

There are a lot of things left to the browser's discretion, and some that have defined defaults.

http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position

'list-style-position'
Value: inside | outside | inherit
Initial: outside <<---- the default
Applies to: elements with 'display: list-item'
Inherited: yes
Percentages: N/A
Media: visual
Computed value: as specified

cheers,

gary

Blimey, got the eyesight of a hawk have we Gary.

I merely wrapped the spec in <pre></pre> tags to maintain formatting.

Keeping in mind that Tony set the base font at 76%, what do you have as the font family and size for your monospace? My default is "courier new" at 13px. It was "courier", but I found that to be more difficult to read—especially on some sites where the owner is a young whipper-snapper who thinks a 12px font is large enough for anyone, and my monospace shrinks to 10px. ( feeling your ears burning, Tony?)

cheers,

gary

thanks guys. I'm a complete newbie. I tried placing

list-style-position: outside;

but it doesnt work. my css looks like this.

ul { margin: 0; padding: 0; }

li {list-style-position: outside; }

spaces on the left are gone and the bullets are gone too.

what's missing?

Now do this since you want the bullets;

ul {
    margin: 0;
    padding: 0;
    padding-left: 40px;
    list-style-position: outside;
    }

cheers,

gary

WOW, thanks man. whew!

we finally got it! thanks again. and to all of you guys here in css forum, thanks!!!

The combination of zero margins/padding and list-style-position outside will indeed result in the bullets not appearing as they are being displayed outside the visible box.

Re-apply some left margin or padding should get them to come back again. as it will give space for them to appear

say

ul
{
margin-left: 20px
}

The reason to reset everything it to make sure you know where you are and that there are no different defaults being used by differnet browsers.