David McGlone wrote:
Hello everyone
While we were discussing how to check sites in the last topic "Quirks
compendium" I was replying to Michael Geary about browsershots and
browswerlabs I had to run myself through browserlabs to accurately
describe what I was trying to explain and I came across a couple
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/
here's the CSS:
http://dmcentral.net/simple/include/style/default.css
How could I evenly space the links, I've tried using padding, margin,
width and not a thing happens for some reason.
[snip]
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.
2. Floating the <li>s.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [[email protected]]
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/
