Hi Alan, > > problems with a layout I was working on. I have a horizontal menu > that I > > was using an UL list, this worked in firefox, but not completly in IE > > 7/8 and various others. they kept going into a vertical list despite > > using things like display: inline-block, so I decided to remove the > > links from the UL tags and just use the link, now I can't figure out > how > > to work with the tag to move the links around or resize them etc. > > > > this is the site: > > http://dmcentral.net/simple/ > > This simple answer is floating the <a>s. Firstly since they will > behave as display:block in which a width can be applied and secondly, > floating will allow them to sit side by side. > > BTW, IE8 does not have the behavior you say it does. > > For a <ul> or <ol>, display: inline-block will render the list items > vertical in IE7-. There are two options that are cross browser > friendly. > > 1. Setting display: inline on this <li>s and setting the <a>s to > display: block in which a width can be applied.
I don't think so, the links would stack. One way to mimic inline-block in IE 6/7 is to style elements with: display:inline;zoom:1;width:<whatever>; Making sure to not give a layout to nested elements. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
