Setting an image in a tab's text property shows a black border in Firefox

[Mark]

Hi

In our scenario a tab can display 2 different images (even at the same time).

For 1 of these we use the tab's imageURL property.

For the 2nd we use the text property of the tab. E.g.

<telerik:RadTab ID="Tab1" runat="server" Text="<img id='Img_err_Tab0' alt='' title='invalid input' src='../../_common/image/form/err.gif' style='display:none;float:left'/>details" PageViewID="pvBasicDetails" Value="tabEnterpriseDetails"></telerik:RadTab>


This works nicely in I.E7 and Safari 3.1, however Firefox 2.0 shows a black border around this 16x16 image.

This used to work fine in the classic Telerik ASP.NET tab control.

Is there a way to prevent this black border around the image in Firefox?


Kind regards

Mark Eaton

[Paul]

Hi Mark,

Here's your modified code snippet that should work as expected.

<telerik:RadTab
    Text="<img id='Img_err_Tab0' alt='' title='invalid input' src='1.jpg' style='display:block;float:left; border: none'/>details"
    PageViewID="pvBasicDetails"
    Value="tabEnterpriseDetails">
    </telerik:RadTab>

Kind regards,
Paul
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center