This I thought was a problem until I experimented a bit. Here's how  
I'd get around it:

-Float all the li elements left
-Float the ul element right
-If the ul was floated left originally, put a div around  it and  
float that left
-You might need to put a fixed with on the ul element if the li's  
collapse for whatever reason

And that should do it!

Hope it helps...

Mark

On 1 Mar 2006, at 15:15, [EMAIL PROTECTED] wrote:

> While tinkering with a set of navigation tabs I ran into a (hopefully)
> slight snag.
>
> What I am attempting to do:
> List-based series of tabs that appear on the right side of a site's  
> header
> area.
>
> The Problem:
> I've got the tabs where I want them.  I floated the UL and LI to the
> right, which was a great idea, until I realized what it did to the
> ordering of the links.  As it is now, the first link in the source  
> appears
> last on the page, and so on.  I could easily change the order of  
> the links
> in the source, but that just seems wrong.
>
> Question:
> How can I make this simple approach work better - source order  
> matches the
> display order – and still keep the appearance of the tabs?
>
> Example page:
> http://www.charlestonwebsolutions.com/test_case/nav_order_01a.html
>
> Images are hot-linked if anyone wants to play around with the page.
>
> Thanks,
>
> Jono

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to