Welcome to WebmasterWorld Guest from 54.145.13.215

Forum Moderators: not2easy

Message Too Old, No Replies

CSS Lists

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

     
3:14 am on Nov 6, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 9, 2003
posts:1908
votes: 0


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?
4:19 am on Nov 6, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Nov 1, 2002
posts:1834
votes: 0


You might find something here:

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

I have found some very helpful ideas there.

WBF

4:44 am on Nov 6, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 12, 2002
posts:857
votes: 0


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.

5:31 am on Nov 6, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 15, 2002
posts:6807
votes: 0


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

No browser issues that I'm aware of.

12:17 pm on Nov 6, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Sept 12, 2003
posts:168
votes: 0


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

12:19 pm on Nov 6, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 13, 2003
posts:1240
votes: 0


shadowpapa,
just click the 'flag this thread' link at the bottom. then it will appear in the control panel under my flags
ben
3:22 pm on Nov 6, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 12, 2002
posts:857
votes: 0


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.

9:55 pm on Nov 9, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 4, 2002
posts:60
votes: 0


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.
11:17 pm on Nov 9, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 6, 2003
posts:661
votes: 0



@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.

11:45 pm on Nov 9, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 15, 2002
posts:6807
votes: 0


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. ;)

12:15 am on Nov 10, 2003 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 4, 2002
posts:60
votes: 0


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.

5:26 pm on Nov 10, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 9, 2003
posts:1908
votes: 0


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!