SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist kyllle's Avatar
    Join Date
    Jun 2008
    Posts
    469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    position question

    Hi all,

    I have created a curved content box, at the top of this box I have a cci logo floated to the left and a find out more tab floated to the right, my problem is how can i position the tab so it is flush with the curved content box like the cci logo, i have added a margin-top of 83px to the tab which does the trick but is this the correct way of positioning the tab?


    Page is at http://kylehouston.com/testing/test/test.html

    Thanks in advance!

    Kyle

  2. #2
    SitePoint Evangelist
    Join Date
    Sep 2006
    Posts
    428
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmm... there are several ways to approach this....

    I believe I would put the tab inside the about_cci_outer div. Then give the about_cci_outer position:relative;

    Then give the tab position:absolute;top:-20px;right:10px;

    The top and right numbers above are just guesses, you will have to play around to find the proper value for your preferred placement.

  3. #3
    SitePoint Wizard
    Join Date
    Dec 2005
    Posts
    1,727
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A quick solution would be to change your .about_cci_more { margin:0 10px 0 0 } to margin:83px 10px 0 0
    The more you learn.... the more you learn there is more to learn.

  4. #4
    SitePoint Evangelist kyllle's Avatar
    Join Date
    Jun 2008
    Posts
    469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey Rusty, yeah thats a great way also,

    Thanks Barry, thats the method i was using was just wondering if there was a better way.

    Thanks guys!

  5. #5
    SitePoint Evangelist
    Join Date
    Sep 2006
    Posts
    428
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you use the positioning method, don't forget to remove your float:right from the tab. It will not be needed if you're using absolute positioning.


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
  •