CSS Lists

I don't want a bullet or indents - can it be done?

[MatthewHSE]

I'd like to format lists so that there's no bullet and no indent. How can I do that with CSS, and are there any browser compatibility issues I need to watch out for?

[willybfriendly]

You might find something here:

h*tp://css.maxdesign.com.au/index.htm

I have found some very helpful ideas there.

WBF

[defanjos]

I am not a css guru, but something like the following will work - with "margin-left" you can adjust how much indentation you want:

ul{
list-style-type: none;
}

li{
margin-left: -40px;
}

I am sure there are other ways to do it

BTW willybfriendly, nice resource.

[DrDoc]

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

No browser issues that I'm aware of.

[Shadows Papa]

How does this forum work - I find this thread to be a keeper, one that I'd like to be able to find again in a year.
I don't have lists to format NOW, but know I will.
Can this be added to a FAQ or library or something?
It's well asked and well answered.

Shadows Papa

[benihana]

shadowpapa,
just click the 'flag this thread' link at the bottom. then it will appear in the control panel under my flags
ben

[defanjos]

Shadows Papa,

The best way I found, is to add the page to your favorites - simply add a folder called WebmasterWorld to your favorites, and then create other folders under it, like CSS, ASP, Ecommerce, etc.

I find it works a lot better than the flags.

[mikegram]

ul, li {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
}
No browser issues that I'm aware of.

It doesn't fly in NN 4.79 (no big surprise).

Verified it with

• IE 6.0
  
• Netscape 7.0
  
• Opera 7.21
  
• Mozilla 1.0.
  

[TheDoctor]

@media all (
ul, li { 
margin: 0; 
padding: 0; 
} 
li { 
list-style-type: none; 
}
)

This will solve NN4 problems, no messing. NN4 users will merely get the standard rendering - but they will get the content.

[DrDoc]

It doesn't fly in NN 4.79

Ok, to put it this way... Unless specifically stated - I never promise that any of my code will work in stoneage browsers like NN4, IE4, etc. ;)

[mikegram]

It doesn't fly in NN 4.79

It was an observation, not an accusation.

It's a good solution. I should have said so before.

[MatthewHSE]

Thanks everyone. My whole site breaks in NN4, so I'm not too worried about this. Actually I need to finish up a few projects and get back to making my site at least usable for those using old browsers. So much to do and so much to learn, yet so little time . . . but then I've only been in any kind of web design for about a year. Sure am glad I found WW!