Results 1 to 5 of 5

Thread: Tab Content rounded tabs

  1. #1
    Join Date
    Aug 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Tab Content rounded tabs

    1) Script Title: Tab Content Script

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tabcontent.htm

    3) Describe problem:

    Not so much of a problem but trying to added rounded corners to my tabs and its just not working right. I was looking at using some of the CSS from some of the rounded corner menus here and still not working right.

    Has anyone done this by chance and has some pointers. I still want to use the Selected tab portion as I change the color for the user to know which tab they are on.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Since the tabs themselves are styled entirely using CSS, you can try just swapping out the current one with one that has round corners, such as these CSS tabs. You'll need to make sure any keywords used by the script within the original CSS tabs are perserved, such as rel="...".

  3. #3
    Join Date
    Aug 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    yes I tried that but or some reason the Tab Content does not like the addition of the span tags that are needed in order to have the right side rounded corner. I have tried making the tabs a fixed width and use a full background on them but from browser version differences it is not coming out quite right. I will keep at it though.

  4. #4
    Join Date
    Jun 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Has anyone figured out how to make the buttons rounded? I have tried using some of the other scripts and I just can't get it to work. I love this script and I have got everything on it working great. I would just like to make the tabs rounded. Thank you for your time.

  5. #5
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Quote Originally Posted by dragon9976 View Post
    Has anyone figured out how to make the buttons rounded? I have tried using some of the other scripts and I just can't get it to work. I love this script and I have got everything on it working great. I would just like to make the tabs rounded. Thank you for your time.
    The easiest way would be to use CSS3's round corners module. Take a look at http://www.dynamicdrive.com/style/cs...border_radius/ The result works in IE9+, Ff3+, Safari and Chrome.
    DD Admin

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
  •