--- On Tue, 11/17/09, 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/
>
> - horizontal
> - right justified
> - fixed width
Hi Jack,
The key to this one is floating the list to the right (to align the entire
thing on the right-hand edge) and the individual items to the left (to align
them vertically, and maintain their order). Something like this should be a
good start:
ol { background-color: blue; list-style-type: none; float: right; }
li { float: left; }
a { color: white; padding: 4px 0; width: 128px; display: block; text-align:
center; }
a:hover { background-color: grey; }
And don't switch your ordered list for an unordered list, as suggested in
another response: the whole point of your initial enquiry is that this list's
order is significant!
Regards,
- Bobby
______________________________________________________________________
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/
