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 
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
***

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

2008-12-13 Thread Ben Buchanan 
2008/12/13 tee 

> 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


-- 
--- 
--- 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
***

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

2008-12-12 Thread tee 
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.

 Is this a bug? None of the hasLayout triggers works. Did a google  
search, couldn't find anything but the adjustment on padding or margin  
left.


Thank you!

tee


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