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
CSS & HTML: IE link properties on images (border-color..) + Border-properties in IE..
Bottom of Page1 to 7 of 7
-
I have a question regarding IE link properties, more specifically the border colors...
While using this in my CSS:
a{
color: #339900;
}
a:hover{
color: #336600;
}
Works fine for coloring my <a href="..?phpMyAdmin=4594f30712f4fabaff6997416810f3f2"> <img src="..."> </a> borders green in FF, it still displays those borders as bright-ugly-blue in IE, I've tried a couple of other ways but so far no succes...
I know i must be missing something really simple, but heck I can't put my thumb on it :S
On another topic: IE also seems to display my dotted border completely oddly while it works perfectly fine in FF, again am I doing something stupid?
If you need to see what I mean just open my site in both FF and IE and look for the differences ;)
(http://www.prologue.nl - It's kind of in Dutch, so you'll most likely don't understand a word of the nonsense I've written there...)
btw: First post here, ever, yay! *free pie for everyone*
Thanks in advance for pointing out where my stupidy kicked in,
Jorrit -
IE also seems to display my dotted border completely oddly while it works perfectly fine in FF
IE6 and below don't support dotted borders, just solid and dashed.
As for your color issue. you could try setting border-color on your A states too, that should clear it up.
(It should inherit them from the color you set according to the CSS spec, I believe. But with IE all bets are off on that sort of thing.) -
Thanks for your comment, unfortunately I had thought of that myself already... And I'm sorry to say it doesn't seem to change anything, weird as that may be!
Thanks for clearing the "dotted borders" issue up, good to know it should be fine with newer versions of IE. If only everyone would update his/her software regularly ;)
So any other idea's about the borders on the links? Keep in mind i'm talking about images that link!
regards,
Jorrit -
Can you show us an example of where "border-color" does NOT work? I've never had an issue with linked images and IE with respect to changing border colors.
-
Yeah, unless it's being overridden by another style I'm not sure what would be up with it without seeing it "in the wild" so to speak.
-
I left a link to my experimental site (http://www.prologue.nl) in the original post, and on my IE it displays the borders of the images as blue... Whereas FireFox displays them in the dark-olive green that I want them.
I've checked it over at a friends house and his browser does the same, so it's not something local.
Thanks for the quick replies all, my first questions I ask here so I appreciate all the interest shown and help given!
kind regards,
Jorrit -
Try adding the img descendant selector to your rule sets.
a img {border-color: #390}
a:hover img {border-color: #360}
Additionally, you may want to check out this article on writing shorthand CSS.
1 to 7 of 7