SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast ParfaitMacaron's Avatar
    Join Date
    Mar 2013
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How can I do this layout look?

    Click to see the layout

    And then press join in the top right hand corner. I want to recreate something like this. What is the bar/divider they use in between existing users and new user? How would I be able to create that please? I have coded the left side in HTML but not yet the right handed side.

    Thank you.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by ParfaitMacaron View Post
    press join in the top right hand corner.
    There's no join button/link for me.

  3. #3
    SitePoint Enthusiast
    Join Date
    Apr 2013
    Location
    Singapore
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    neither do I. Did we have to sign in?

  4. #4
    SitePoint Enthusiast ParfaitMacaron's Avatar
    Join Date
    Mar 2013
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Picture 1.png

    Here's an attachment for it. I think I have to create a new div with a vertical bar or img for the div but I don't know how I would centre it in the content div and not have it float in the header section.

    Quote Originally Posted by ralph.m View Post
    There's no join button/link for me.
    Quote Originally Posted by Zell Liew View Post
    neither do I. Did we have to sign in?

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    O, that's what we see anyway.

    All they've done there is floated two boxes side by side, and the one on the right has a left border:

    Code:
    border-left: 1px solid #C7C7C7;

  6. #6
    SitePoint Enthusiast
    Join Date
    Apr 2013
    Location
    Singapore
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As what Ralph has mentioned

    You might want to add a parent div that contains the two boxes, and give it a margin of auto to make sure the boxes are centered.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •