Tab panel with rounded tab border

[akansha]

Hi,
I want to have rounded borders for my tab.
I tried using image but its not working fine.

.myclass{
background-image:url(..\..\Common\Images\test.jpg);
background-repeat:no-repeat;
width:100%
font-weight: bold;
color: #FFFFFF;
}

Image is there, but when text on tab is large then as image is of fixed size so text is going out of image.
Can you tell me actual way for using rounded tab corners.
Thanks,
Akansha

[nbelaevski]

Hi Akansha,

Try adding margin or padding.

[akansha]

I tried adding padding and margin.... margin has no effect and padding is also not helpful :(

[akansha]

"akansha" wrote:
I tried adding padding and margin.... margin has no effect and padding is also not helpful :(

problem i am facing is i am unable to give tab headers a round edge.

[fmarwede]

Please post some more info about browser, versions etc., and please upload your rounded corner image somewhere, so I can try to help.

[akansha]

I am using IE 7 and richfaces version 3.2.1
Sorry i am unable to upload the image so i lll try to describe it. It is an image with top-left and top-right corners rounded. Bottom-left and bottom-right corners are simple 90 degree corners.
The problem i am facing is if width of text of tab header is more than width of image then text is overflowing and if the width of text is less than the width of image then i can only see the image but with no rounded corners. This is happening because size of header is decided on the basis of text width. i cannot fix the labelWidth also as it is variable.

[akansha]

No reply :(