Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
I've added a hack to my links so that IE uses a dotted underline gif, as it can't show one usually.
This works perfectly in IE - but on Firefox/Safari I can't get the links to go underlined when you hover over them... can you help?a:link, a:visited {
padding: 0 0 1px 0;
text-decoration: none;
border-bottom: none;
padding: 1px;
background: url(../img/dottedlink.gif) repeat-x bottom;
color: #A70A16;
}
html>body a:link, html>body a:visited {
padding: 0 0 1px 0;
text-decoration: none;
border-bottom: dotted 1px #A70A16;
background: none;
color: #A70A16;
}
a:hover {
color: #A70A16;
text-decoration: none;
background: none;
border-bottom: solid 1px #A70A16;
} -
First of all I would do it with * html hack or preferably with an IE only css with conditional comments.. style all links as normally and the override those settings in IE. And second thing is that you have your border attributes in wrong order. =)
border: "width" "style" "color"; -
Thanks for heads up on the border attibutes ;D
So I should use maybe * html a:link ? -
Yup.. that's the correct way. But the best is to use conditional comments in your head like this and just put it there:
<!--[if lte IE 6]>
<style type="text/css" media="all">@import url("ie.css");</style>
<![endif]-->
This picks all Explorer's that are "Less Than Or Equal IE6".. This is the time when you can say Thank God for Microsoft implementing their own features in browser. :D -
Ah cool gotcha, sounds gooood.
-
- CommentAuthorNick Presta
- CommentTimeMar 22nd 2006
IE doesn't support the dotted line value. It turns all dotted lines into a dashed line. -
nick1presta:
That's why he uses an image. -
- CommentAuthorNick Presta
- CommentTimeMar 23rd 2006
I know. I just wanted to clarify incase anyone was wondering why he is using an image. -
hi, seems to work with just an "html>body a:hover" rule ???
-
Ofcourse it's working with that rule, but that automaticly doesn't make it the best method. :)
1 to 10 of 10