PDA

View Full Version : Tab Content rounded tabs



fastcarsspeed
08-13-2007, 02:29 PM
1) Script Title: Tab Content Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/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.

ddadmin
08-13-2007, 08:36 PM
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 (http://www.dynamicdrive.com/style/csslibrary/item/glowing-tabs-menu/). You'll need to make sure any keywords used by the script within the original CSS tabs are perserved, such as rel="...".

fastcarsspeed
08-16-2007, 02:29 AM
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.

dragon9976
03-17-2011, 06:48 PM
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.

ddadmin
03-18-2011, 05:38 AM
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/csslibrary/item/css3_rounded_corners_using_border_radius/ The result works in IE9+, Ff3+, Safari and Chrome.