Welcome to WebmasterWorld Guest from 54.166.191.159

Forum Moderators: not2easy

Message Too Old, No Replies

css list indent problem

how to get rid of indent in ie6

     
9:55 am on Oct 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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?
10:11 am on Oct 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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;
}

10:14 am on Oct 27, 2004 (gmt 0)

10+ Year Member



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.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month