You must Sign In to post a response.

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.


Comments

#612326    Author: Rajapandian    03 Jun 2011 Member Level: Gold   Points : 2

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    Author: Rajdev  03 Jun 2011 Member Level: Silver   Points : 2

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    Author: jone kim  04 Jun 2011 Member Level: Silver   Points : 1

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    Author: Rajapandian    05 Jun 2011 Member Level: Gold   Points : 1

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    Author: Rajdev  06 Jun 2011 Member Level: Silver   Points : 2

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    Author: Srirekha  18 Jun 2011 Member Level: Bronze   Points : 2

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    Author: BGR  22 Jun 2011 Member Level: Silver   Points : 1

hi


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

#621217    Author: Felix    19 Jul 2011 Member Level: Silver   Points : 2

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.