Re: [WSG] list-style can't work with inline and float in IE?
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?
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
***
Re: [WSG] icons for navigation - was positioning help needed
On 12/12/2008, at 2:33 AM, kevin mcmonagle wrote: ebiz wrote Your problem is the sidebar, you need to make the position of it relative, then the footer will pop underneath it. To keep the sidebar liquid just float it to the right and use em's for the height, width etc. Thats a good solution. Thanks for the feedback everyone, especially the great linky links. Im taking a close look at css blueprint grid and the css gala examples. BTW whats the wsg consensus about using icons in nav menus? I recently read an article that basically said if you take the text away most icons in nav menus become useless. Also they are quite time consuming to create I think they can be good for portal sites but thats about it. For application interfaces, icons can aid experienced users who begin to associate functions and sections of the application with the visual metaphors of the icons, rather than the text. Regarding text, I would recommend for main navigational items to accompany icons with text, if icons are desired. There are a number of good freely available icon sets and resources out there, e.g. the Tango Desktop Project’s icons, which are currently being assembled into a resource library under the Public Domain. :) —Pascal *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** --- Simon Pascal Klein Concept designer (w) http://klepas.org (e) kle...@klepas.org *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Dropmenu accessibility and layout problem IE6
-Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Henrik Madsen Sent: Friday, December 12, 2008 3:57 PM To: wsg@webstandardsgroup.org Subject: [WSG] Dropmenu accessibility and layout problem IE6 Seeking input and layout assistance (IE6, what else). I am considering using a Son of Suckerfish dropmenu for one item in my main nav bar. It is accessible to screenreaders but how - if it's even possible - can it be made keyboard accessible? These are two different approaches: http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/TZ.asp http://www.tjkdesign.com/articles/new_drop_down/ -- Regards, Thierry | http://www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
