...

View Full Version : remove bullet indent - how?



ptrcao
12-10-2010, 07:29 PM
remove bullet indent - how?

I've tried removing the padding and margin for ul but it hasn't worked.

http://www.mathannotated.com/

I want to get the blue square icon ("differentiation") right up against the left margin.

(In case you're wondering why I'm including it as part of a one-member list, I'll be introducing another 20 odd icons and treating it as an inline horizontal list.)

Excavator
12-10-2010, 07:32 PM
Hello ptrcao,
Add this to your CSS - ul#icons {padding: 0;}

ptrcao
12-10-2010, 07:38 PM
Hello ptrcao,
Add this to your CSS - ul#icons {padding: 0;}

Thanks, it worked Mr Excavator!

BTW, I already had


#icons ul{padding-left: 0px;}

which didn't work. What was wrong with my original code here?

Is #icons ul{...} not interchangable with ul#icons{...}?
Or was it just a misapplication of padding-left?

Excavator
12-10-2010, 07:44 PM
Thanks, it worked Mr Excavator!

BTW, I already had


#icons ul{padding-left: 0px;}

which didn't work. What was wrong with my original code here?

Is #icons ul{...} not interchangable with ul#icons{...}?
Or was it just a misapplication of padding-left?

#icons ul is looking for an unordered list inside a div named #icons.
ul#icons is referring to an unordered list named #icons.

See the difference?

ptrcao
12-10-2010, 07:51 PM
#icons ul is looking for an unordered list inside a div named #icons.
ul#icons is referring to an unordered list named #icons.

See the difference?

Thanks; you learn something new everyday. :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum