Welcome to WebmasterWorld Guest from 54.197.94.141

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)

WebmasterWorld Senior Member 10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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)

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



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)

10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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)

10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member




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

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



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)

10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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!
 

Featured Threads

Hot Threads This Week

Hot Threads This Month