anyone having vertical tabs?

Discussion in 'CSS' started by ghyper.com, Jul 25, 2010.

  1. #1
    I need css tabs which works vertically. can anyone tell me from where Can i get it or if you have then send me.

    [​IMG]
     
    ghyper.com, Jul 25, 2010 IP
  2. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
  3. ghyper.com

    ghyper.com Peon

    Messages:
    809
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #3
    i have seen this already.. after doin so much seach i posted here
     
    ghyper.com, Jul 26, 2010 IP
  4. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #4
    And none of those suits your requirement?
     
    radiant_luv, Jul 28, 2010 IP
  5. hdewantara

    hdewantara Well-Known Member

    Messages:
    538
    Likes Received:
    47
    Best Answers:
    25
    Trophy Points:
    155
    #5
    hdewantara, Jul 30, 2010 IP
    ghyper.com likes this.
  6. ghyper.com

    ghyper.com Peon

    Messages:
    809
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Thanks. they are great.. I was searching CSS.. but these uses jquery.. but I cant use these to. Its similar to that I was searching for..

     
    ghyper.com, Jul 30, 2010 IP
  7. hdewantara

    hdewantara Well-Known Member

    Messages:
    538
    Likes Received:
    47
    Best Answers:
    25
    Trophy Points:
    155
    #7
    Hmm this is interesting, though is hard to achieve by using pure CSS.

    But I guess that depends on where the body content for each
    tab-headers is coming from.

    I presume yours is from a regular/ hard coded HTML list,
    structured to something like below?
    <ul>
      <li>
        <h1>tab_header_1</h1>
        <div>tab_body_content_1</div>
      </li>
      <li>
        <h1>tab_header_2</h1>
        <div>tab_body_content_2</div>
      </li>
      ...
    </ul>
    
    Code (markup):
    Well if you have to start from scratch, just paste your HTML here.
    Surely me or some guys from DP would be interested to help.:)
     
    hdewantara, Jul 30, 2010 IP
  8. ghyper.com

    ghyper.com Peon

    Messages:
    809
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #8
    hay, thanks..I got my desired thing from you link.. thanks for help.. I appreciate it
     
    ghyper.com, Jul 31, 2010 IP
  9. Clark Bell

    Clark Bell Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Anyone know if it's possible to resize the width of the vertical tabs?
     
    Clark Bell, Aug 5, 2010 IP
  10. Rimona

    Rimona Active Member

    Messages:
    123
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    63
    #10
    Should be easy with "sliding doors" effect. Google "sliding doors css"
     
    Rimona, Aug 5, 2010 IP