homepage Welcome to WebmasterWorld Guest from 54.205.157.94
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2197 posted 3:14 am on Nov 6, 2003 (gmt 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?

 

willybfriendly

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2197 posted 4:19 am on Nov 6, 2003 (gmt 0)

You might find something here:

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

I have found some very helpful ideas there.

WBF

defanjos

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2197 posted 4:44 am on Nov 6, 2003 (gmt 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.

DrDoc

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



 
Msg#: 2197 posted 5:31 am on Nov 6, 2003 (gmt 0)

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

No browser issues that I'm aware of.

Shadows Papa

10+ Year Member



 
Msg#: 2197 posted 12:17 pm on Nov 6, 2003 (gmt 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

benihana

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2197 posted 12:19 pm on Nov 6, 2003 (gmt 0)

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

defanjos

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2197 posted 3:22 pm on Nov 6, 2003 (gmt 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.

mikegram

10+ Year Member



 
Msg#: 2197 posted 9:55 pm on Nov 9, 2003 (gmt 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.

TheDoctor

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2197 posted 11:17 pm on Nov 9, 2003 (gmt 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.

DrDoc

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



 
Msg#: 2197 posted 11:45 pm on Nov 9, 2003 (gmt 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. ;)

mikegram

10+ Year Member



 
Msg#: 2197 posted 12:15 am on Nov 10, 2003 (gmt 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.

MatthewHSE

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2197 posted 5:26 pm on Nov 10, 2003 (gmt 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!

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved