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

CSS Forum

    
css list indent problem
how to get rid of indent in ie6
HelenDev

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4852 posted 9:55 am on Oct 27, 2004 (gmt 0)

Here is my code:

.homepagelists {
display:inline;
padding: 0px 0px;
margin: 0;
font-size:8pt;
text-indent:0px
}


.homepagelists li{
list-style-type: none;
}

It works in firefox but in ie6 there is still an indent - any thoughts on how to fix this?

 

HelenDev

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4852 posted 10:11 am on Oct 27, 2004 (gmt 0)

A bit of further reading and I think I've answered my own question...

.homepagelists {
padding: 0px;
margin: 0px;
}

.homepagelists li{
color:#009966;
list-style-type: none;
font-size:8pt;
}

natto

10+ Year Member



 
Msg#: 4852 posted 10:14 am on Oct 27, 2004 (gmt 0)

Hi Helen,

Browsers always add a default value to lists (40px I believe) in order to indent them. Some use margins to indent and some use padding to indent. So, you're right in setting both margins and padding to 0 for your list.

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