Re: [WSG] list-style can't work with inline and float in IE?

2008-12-13 Thread Ben Buchanan 
2008/12/13 tee weblis...@gmail.com

 I have two list items that  must display horizontally. Wanting to use
 list-style instead of background image, but in IE 6 and 7, the circle style
 refuses to show up even I adjusted padding left (or margin).
 ul.add-to li{ padding: 5px 10px 5px 0;list-style-type: circle;font-size:
 .85em;float: left;color: #d9d49d;margin-right: 5px;}
 Using display:inline also of no use.
 If I add a 'float:none' in the CC for IE, than it works.


Generally I just use background image and be done with it ;) But in your
scenario have you tried setting display: inline-block for IE? Worth a try.


cheers,

Ben


-- 
--- http://weblog.200ok.com.au/
--- The future has arrived; it's just not
--- evenly distributed. - William Gibson


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] list-style can't work with inline and float in IE?

2008-12-13 Thread tee 


On Dec 13, 2008, at 2:28 AM, Ben Buchanan wrote:




2008/12/13 tee weblis...@gmail.com
I have two list items that  must display horizontally. Wanting to  
use list-style instead of background image, but in IE 6 and 7, the  
circle style refuses to show up even I adjusted padding left (or  
margin).
ul.add-to li{ padding: 5px 10px 5px 0;list-style-type: circle;font- 
size: .85em;float: left;color: #d9d49d;margin-right: 5px;}

Using display:inline also of no use.
If I add a 'float:none' in the CC for IE, than it works.


Generally I just use background image and be done with it ;) But in  
your scenario have you tried setting display: inline-block for IE?  
Worth a try.






Thanks Ben, tried that already. Doesn't work.
The circle is served as a seperator, a tiny visual detail I try to  
perfect, but don't think it deserves a background image :)


I think I am going to use a border left for IE instead.

tee


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***