mboehler3 Posted May 21, 2009 Share Posted May 21, 2009 I am working on building my e-commerce site, here is the page in question:http://www.healthnutsradio.com/store/produ...productid=16179I am referring to, about half way down the page, an <ol> that has its <li>'s intersecting into my picture's border. Here is a screen shot if you can't see it:Is there like a <clear> style that I can give to the picture in order to get the purple check list moved to the right, separate from the picture?Thanks for your help. Link to comment Share on other sites More sharing options...
jlhaslip Posted May 21, 2009 Share Posted May 21, 2009 list-style-position: insideFor the purple list item class works in FF. Link to comment Share on other sites More sharing options...
mboehler3 Posted May 21, 2009 Author Share Posted May 21, 2009 list-style-position: insideFor the purple list item class works in FF.Thanks, that worked. However, I refrain from using the inside position because I like my lists to have an indent/sort of space in front of the check mark. If you look at the page now, any list item that has more than 1 line of text has that text aligned with the check mark. I want to have it align with the first line of text.Hopefully that makes sense to someone.... is there any way to do that, while using this inside position? Link to comment Share on other sites More sharing options...
jlhaslip Posted May 21, 2009 Share Posted May 21, 2009 Add some margin-right to the floated image (about 35px?) and remove the list-style-position:inside works. Link to comment Share on other sites More sharing options...
Ingolme Posted May 22, 2009 Share Posted May 22, 2009 I'd give the parent <ul> element a left padding instead. That's exactly what the default padding on it is for. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.