Ø
Øyvind Granberg
Hi...
I do not want my linking images to be underlined like my text links are.
Links are in a css-file given a red dotted underline.
The links properties in the css-file is like this:
/* Links properties */
a{
color: white;
text-decoration: none;
}
a:link{
color: white;
text-decoration: none;
}
a:visited{
color: white;
text-decoration: none;
}
a:hover{
color: white;
border-bottom:#FF0000 1px dotted;
}
In the same css-file I have:
a img {border: none; }
td img {display: block;}
The latter makes the trick in FF3, but in IE8 i do not work at all.
A dotted line is still emerging during hovering of the mouse.
I have tried:
/* this targets specific images that are linked, ex: <a class="noborder"
href="#"><img ></a> */
a.noborder img {
border: none;
}
I have tried everything, exept kicking the left rear tire of my SUV.
The page I refer to is at www.tresfjording.com and I'm talking about the
image to the left with my face and the three oval buttons to the right. In
IE8 the red dotted line is popping up.
The "border: 0px;" parameter is only to take away all borders around a image
containing a link.
How in all gods names can I overrule the css-file setting when it comes to
images with a link?
--
Zadig Galbaras
(nick)
www.tresfjording.com
I do not want my linking images to be underlined like my text links are.
Links are in a css-file given a red dotted underline.
The links properties in the css-file is like this:
/* Links properties */
a{
color: white;
text-decoration: none;
}
a:link{
color: white;
text-decoration: none;
}
a:visited{
color: white;
text-decoration: none;
}
a:hover{
color: white;
border-bottom:#FF0000 1px dotted;
}
In the same css-file I have:
a img {border: none; }
td img {display: block;}
The latter makes the trick in FF3, but in IE8 i do not work at all.
A dotted line is still emerging during hovering of the mouse.
I have tried:
/* this targets specific images that are linked, ex: <a class="noborder"
href="#"><img ></a> */
a.noborder img {
border: none;
}
I have tried everything, exept kicking the left rear tire of my SUV.
The page I refer to is at www.tresfjording.com and I'm talking about the
image to the left with my face and the three oval buttons to the right. In
IE8 the red dotted line is popping up.
The "border: 0px;" parameter is only to take away all borders around a image
containing a link.
How in all gods names can I overrule the css-file setting when it comes to
images with a link?
--
Zadig Galbaras
(nick)
www.tresfjording.com