You must Sign In to post a response.
  • Category: HTML

    Removing underline from links in mozilla

    I cant remove the underline from the links. I've links as image. Underline is showing only in firefox browser but not with any other browsers.

    css for link
    ********************************
    a:link{
    border:none;
    border-style:none;
    }
    ***********************************
    There is no problem with chrome. How to remove this problem?? I am having the same problem with all the latest releases of firefox.
  • #612326
    Hi,

    Try below for images links:


    a:link IMG {
    border:none;
    border-style:none;
    }


    Below for text link:


    a:link{
    border:none;
    border-style:none;
    text-decoration:none;
    }

    Regards,
    Rajapandian

  • #612331
    Hi,

    I have tried a sample for your scenario. Its working fine. I have attached the same, have a look at it. Its working in IE,Chrome and Firefox too.

    Please post if its working or if you have any issues.

    LinkIssueFirefox.rar

    Delete Attachment

  • #612398
    Thanks guys for your help.
    but I still have the same problem. firefox shows underline below the links.
    CSS code for the link is:
    ****************
    a:link IMG{
    text-decoration:none;
    border:none;
    border-style:none;
    text-decoration:none;
    }
    **********************
    Still showing the underline, help me.

  • #612474
    Hi,

    I'm not having issue in my application.
    Can you post the sample application?
    Which version of firefox you are using?

    Regards,
    Rajapandian

  • #612532
    Hi Jone,

    I have used the same css you have provided in my sample. Its working fine. My firefox browser is version 3.6.10. Please post yours, and also a sample HTML file having issue. Try the following code and create a HTML and let us know you have the issue.

    <html>
    <head>
    <style type="text/css">
    a:link IMG{
    text-decoration:none;
    border:none;
    border-style:none;
    text-decoration:none;
    }

    </style>
    </head>
    <body>

    <a href="http://www.google.com"><img src="rainbow.gif" style="border: none"></a>
    </body>
    </html>

  • #615309
    IMG{
    text-decoration:none;
    border:none;
    border-style:none;
    text-decoration:none;
    }

    IMG a{
    text-decoration:none;
    border:none;
    border-style:none;
    text-decoration:none;
    }


    try with the above code

    Regards,
    Rekha

  • #616180
    hi


    a:link{
    border:none;
    border-style:none;
    text-decoration:none;
    }

  • #621217
    Please check this code

    a:link IMG{
    text-decoration:none;
    border:0px;
    border-style:none;
    text-decoration:none;
    }

    if it is works for you reply me


This thread is locked for new responses. Please post your comments and questions as a separate thread.
If required, refer to the URL of this page in your new post.