SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2007
    Location
    Bridgend, UK
    Posts
    47
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Border with tabs

    I'm having trouble realising my mockup!
    There's a 1px border on the content section, with 5 tabs on top. I don't want the border to show under the active tab, but I can't think of a way to achieve it!
    I've attached an image to show what I want to do... I'd appreciate any ideas!
    Attached Images Attached Images

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What's the code look like (please use the [code ] [/code ] tags, but with no spaces between code and ] so it will actually work)?

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2007
    Location
    Bridgend, UK
    Posts
    47
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There's no code at the moment, I'm just wondering of the best method to achieve the effect.
    I'm not sure if you can see the attachment? It says pending approval.

  4. #4
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nope, I can't see the attachment. Only Advisors and up can.

  5. #5
    SitePoint Enthusiast
    Join Date
    Jan 2007
    Location
    Bridgend, UK
    Posts
    47
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    http://img99.imageshack.us/img99/799...previewcr1.jpg - There you go.

    I've worked out a way of doing it now, but it's not pretty. Rather than putting the top border of the white section in with CSS, it's in the page background. The tab images then all have a 1px line on the bottom of them, with the exception of the active tab. The tabs are absolutely positioned to be in line with the page background.

    Is there a better way?

  6. #6
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah, that. You want to look into the Sliding Doors of CSS.

    www.alistapart.com/articles/slidingdoors/
    www.alistapart.com/articles/slidingdoors2/


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
  •