Reverse the wrapping direction in a container?

Discussion in 'CSS' started by TRapp, Sep 26, 2006.

  1. #1
    Hi all,

    I have a wakky question and I don't know if it's even possible using CSS. It involves the wrapping direction of elements (specifically tabs) in a container (ie: a div)

    Normally, if you have items that wrap, they'll look like this (note that a . is blank space):

    tab1 tab2 tab3
    tab4 tab5.......

    Setting the alignment of the container to right instead of left results in:

    tab1 tab2 tab3
    .......tab4 tab5

    What I want to do is have this instead

    .......tab4 tab5
    tab1 tab2 tab3


    Now I've thought of using a spacer image and javascript, but for that I can only get this:

    .......tab1 tab2
    tab3 tab4 tab5

    Notice the tab order isn't what I'm looking for.

    Any suggestions? Is this even possible?

    Thanks!
     
    TRapp, Sep 26, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    You're dealing with the flow of the document, that is, the structure. Part of the solution lies in re-ordering the content/html, and part lies in the presentation/css.

    Make the order 4,5,1,2,3.

    cheers,

    gary
     
    kk5st, Sep 26, 2006 IP
  3. penagate

    penagate Guest

    Messages:
    277
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #3
    In other words, no it's not possible.

    - P
     
    penagate, Sep 27, 2006 IP