homepage Welcome to WebmasterWorld Guest from 54.198.139.141
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

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




msg:1209955
 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




msg:1209956
 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




msg:1209957
 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




msg:1209958
 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




msg:1209959
 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




msg:1209960
 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




msg:1209961
 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




msg:1209962
 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




msg:1209963
 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




msg:1209964
 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




msg:1209965
 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




msg:1209966
 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.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved