Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

SkillShare / CSS Beauty: Aligning list items left, center and right respectively.

Bottom of Page

1 to 3 of 3

  1.  
    • CommentAuthorkenyabob
    • CommentTimeNov 19th 2007
     permalink
    I have a little nav menu I want to build to go below a photo on a website. See the design below

    http://myskitch.com/askogrand/red_gather_meet_details.png-20071118-210600/

    Each item has a separate class, so I have total control. What CSS would best achieve this look? Should I just give a certain margin to each until they are placed where they need to be, or is there a smarter way?
  2.  permalink
    If I understood you right, you're wondering how to format the "back", "next" and "1 of 5" text?

    I would do something like this:

    <p style="width: 200px; position: relative; text-align: center;">
    <span style="left: 0;position: absolute;">Back</span>
    1 of 5
    <span style="position: absolute; right: 0;">Next</span>
    </p>

    Of course, you shouldn't have all your CSS inline like that, and you'll have to add more for styling. But, it should look like this:

    Back1 of 5Next


    Hope that helps.
    • CommentAuthorkenyabob
    • CommentTimeNov 19th 2007
     permalink
    That totally helps. I don't know why I didn't think of that.

    I am embarrassed.

    Thank you for your help.

1 to 3 of 3

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page