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

2 posts, 1 answers
  1. Mark
    Mark avatar
    97 posts
    Member since:
    Nov 2007

    Posted 12 May 2008 Link to this post

    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
  2.
  3. Answer
    Paul
    Admin
    Paul avatar
    4281 posts

    Posted 13 May 2008 Link to this post

    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
Back to Top