Tabs display in two lines when adding space

[Covertix]

Hi,

I have a rad tab strip on my page.
I want to have a space between the tabs, so I used this line of code as posted in your forum, and it worked:

div.RadTabStripTop_Vista .rtsLI

{

margin-right: 10px;

 

}

The problem is that with this space, I get my tabs in 2 lines instead of 1.
I tried to set a fixed width to each tab, but it is still changed with an inline style.
foreach (RadTab tab in rts)
{
    tab.width = Unit.Pixel(115);
}
in CSS i get: style= "175px;"

I changed the rad tab strip width too.
<

telerik:RadTabStrip ID="rts" runat="server" Skin="Vista" MultiPageID="RadMultiPage1" OnClientTabSelected="onTabSelected"

SelectedIndex="0" Align="Justify" Width="700px">

It seems like the tabs are fiting their size or something.

How can I solve this?
Thanks!

[Kate]

Hi Tzach,

You can use the following css class to get the desired appearance of the RadTabStrip control:

a.rtsLink.rtsSelected, a.rtsLink.rtsBefore, a.rtsLink
        {
            margin-right: 5px;
            margin-left: 5px;
        }

Kind regards,
Kate
the Telerik team