Can't get rid of underline on images with links!
Posted: Thu Mar 20, 2008 2:13 am
I'm using this:
img {
border: none !important;
text-decoration: none !important;
}
img a{
border: none !important;
text-decoration: none !important;
}
in my stylesheet. My links on images still have underlines! I've worked around this in other divs where I didn't have other text links in those divs, but I can't with this one.
I will note too that I am using a border style for the links...I've done this before:
a:link {
color:#7b4391; /*purple*/
border-bottom:#7b4391 1px dotted;
text-decoration: none;
}
a:visited {
color:#7b4391; /*purple*/
border-bottom:none;
text-decoration: none;
}
a:hover{
color:#7b4391; /*purple*/
border-bottom:none;
text-decoration: none;
}
Any help?
img {
border: none !important;
text-decoration: none !important;
}
img a{
border: none !important;
text-decoration: none !important;
}
in my stylesheet. My links on images still have underlines! I've worked around this in other divs where I didn't have other text links in those divs, but I can't with this one.
I will note too that I am using a border style for the links...I've done this before:
a:link {
color:#7b4391; /*purple*/
border-bottom:#7b4391 1px dotted;
text-decoration: none;
}
a:visited {
color:#7b4391; /*purple*/
border-bottom:none;
text-decoration: none;
}
a:hover{
color:#7b4391; /*purple*/
border-bottom:none;
text-decoration: none;
}
Any help?