want to acheive something like this image through css

Discussion in 'CSS' started by nisha.npt, Jan 7, 2008.

  1. #1
    Hi Everybody,

    I am new to css and developing a site with css for the first time. i mean i am doing tableless development of any site for the first time.

    Now i want to develop a tab as shown in my image with a show hide option when the other tab in active and also i have 3 pages in each tab to be displayed
    on clicking next and previous.

    so is it possible to achieve that with only css or i will have to use some javascript as well.

    Below is the link to my page where the image for the tab menu is placed on the top right of the banner.

    http://www.r-interactive.net/clients/reed%5Fcss/index.html

    Please suggest the best solution to my problem.

    Hope all u experts over here will help me out.
     

    Attached Files:

    nisha.npt, Jan 7, 2008 IP
  2. just-4-teens

    just-4-teens Peon

    Messages:
    3,967
    Likes Received:
    168
    Best Answers:
    0
    Trophy Points:
    0
    #2
    it is possible, but takes a bit of trial and error.

    basically the top text is a button with a 3 edge border, the bottom edge overlaps the main box.
     
    just-4-teens, Jan 8, 2008 IP
  3. nisha.npt

    nisha.npt Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    hey thanks for reply me but it will be appreciated if u will help me with the css code if u can to achieve the image in css based tab.
     
    nisha.npt, Jan 9, 2008 IP
  4. just-4-teens

    just-4-teens Peon

    Messages:
    3,967
    Likes Received:
    168
    Best Answers:
    0
    Trophy Points:
    0
    #4
    just-4-teens, Jan 9, 2008 IP
  5. midhunhk

    midhunhk Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    the link u provided!

    page not found ..........
     
    midhunhk, Jan 9, 2008 IP