On Tue, Nov 17, 2009 at 3:44 PM, Jack Bates <ms...@freezone.co.uk> wrote:
> I want to style an <ol> so it looks similar to the main links on this > page, http://artefactual.com/ > > So I tried adding display: block; float: right; > http://www.sfu.ca/~jdbates/tmp/css/200911171/<http://www.sfu.ca/%7Ejdbates/tmp/css/200911171/> > > Now it's horizontal, right justified, and fixed width - but the links > are out of order : ( > > Can anyone suggest how to style this <ol> so it's horizontal, right > justified, fixed width, and in the correct order? (Without reordering > the <ol>) > ______________________________________________________________________ > Hi Jack, Well looking at the source for the Artefactual menu you're trying to replicate and checking the styles out in Firebug, I see that they are doing basically what you're doing in your second example. But -- and hare's the but you're wanting to avoid? -- the ol is arranged in reverse order to compensate for that float right. Someone else may have another method for achieving what you want in a different way; if so, I'll learn something new, too :-) HTH Bill ______________________________________________________________________ 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/
