IE7 CSS image link color border problem
I just noticed this problem today checking my site
with internet explorer 7. It deals with an image
border's color changing on a mouseover effect. Here's
the CSS which should do it:
a img {
color: #fc86c3;
text-decoration: none;
}
a:link img {
color: #fc86c3;
text-decoration: none;
}
a:visited img {
color: #fc86c3;
text-decoration: none;
}
a:hover img {
color: #FFFFFF;
text-decoration: none;
}
a:active img {
color: #fc86c3;
text-decoration: none;
}
and here's the page i'm trying to solve the problem
with http://www.remati.net/test.php
if you click the image or the link it should show you
the full style sheet.
Everything works fine when i view the page in firefox
but when i try it in internet explorer 7 it just keeps
the border color the default blue color. What is the
problem?
demonhale posted this at 12:02 — 10th March 2007.
He has: 3,278 posts
Joined: May 2005
You should declare the border-color not color, color tags are for texts... Make that part like so and it will fix itself...
a img {
color: #FA8CC5;
text-decoration: none;
border-color: #FA8CC5;
}
a:link img {
color: #FA8CC5;
text-decoration: none;
border-color: #FA8CC5;
}
a:visited img {
text-decoration: none;
color: #FA8CC5;
border-color: #FA8CC5;
}
a:hover img {
text-decoration: none;
color: #FFFFFF;
border-color: #fffff;
}
a:active img {
text-decoration: none;
color: #FA8CC5;
border-color: #FA8CC5;
}
remati posted this at 22:56 — 10th March 2007.
They have: 2 posts
Joined: Mar 2007
yup demonhale, that fixed it right up! thanks for your help on clearing that up.
demonhale posted this at 01:28 — 12th March 2007.
He has: 3,278 posts
Joined: May 2005
No prob... Have a nice day!
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.