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

Author: Rajapandian03 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;
}

Author: Rajdev03 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.

Author: jone kim04 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.

Author: Rajapandian05 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?

Author: Rajdev06 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.









Author: Srirekha18 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

Author: BGR22 Jun 2011 Member Level: Silver   Points : 1

hi


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

Author: Felix19 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