Horizontal Navigation using Curved Buttons

Discussion in 'CSS' started by kyllle, Aug 21, 2008.

  1. #1
    On my quest to learn the ins and outs of web design using html and css I would love to understand the following task using your knowledge of the subject and pointing me in the direction of any tutorials that are worth reading. I have created 5 coloured curved buttons http://fc08.deviantart.com/fs31/f/2008/234/1/0/Curved_Horizontal_Navigation_by_kyllle.jpg that I have layed out, Im pretty sure about structuring the layout in horizontal format and I know that the curves can be chopped and then the colour of each button size set and the curves attached to make the curved button but how do you achieve this, this seems a pretty daunting task but something that if im showen hoe to do teh once would remain in my memory forever!!

    Thanks for looking everyone

    Kyle
     
    kyllle, Aug 21, 2008 IP
  2. steelfrog

    steelfrog Peon

    Messages:
    537
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi kyllle, I believe you are looking for the "Sliding Door" technique to create buttons. Here's a tutorial that should help you out.
     
    steelfrog, Aug 21, 2008 IP
  3. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Stomme poes, Aug 22, 2008 IP
  4. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Cash Nebula, Aug 25, 2008 IP