Forum Moderators: not2easy
I having problem about my css style its override the color at my sidebar item,
im using this:
a:link {
color: #F4FFDD;
text-decoration: none;
}
a:visited {
color: #2f63b3;
text-decoration: none;
}
a:hover {
color: #C6F171;
text-decoration: none;
}
a:active {
color: #2f63b3;
text-decoration: none;
}
now this style has been override my css styles at my sidebar because I'm use image as links at the sidebar.
you can view the site here:<>
How to get rid of it ?
Just wondering I create this style to the link style like this:
.Affiliate a:link,
.Affiliate a:visited,
.Affiliate a:hover,
.Affiliate a:active {
color: #719EF1;
}
with this im trying to replace the color: with the background color....But its seems IE not friendly enough about it...
Is there any solution to get rid the color: things ?
Thanks..
[edited by: SuzyUK at 7:52 pm (utc) on Mar. 28, 2008]
[edit reason] no personal URI's please, see charter [/edit]
Link color choices - seriously:))
Anyway, I hacked them up so I could actually see what was up. Link code looks fine, works fine. But - you mentioned images and links as being involved., so I added a declaration to remove the border from images that are linked. I may not have enough info to really answer your question, but betting that I'm on the right track.
You proposed solution is probably also on the right track. Class or ID all of your <a>, and you avoid universal declarations tripping problems in different parts of the page or of the site. Unless every link is expected to behave in exactly the same way on every page, use classes for everything that you can.
.affiliate a
or
a.affiliate
depending.
(Also, you don't need text-decoration: none; all over the place. Once is enough.)
<head>
<style type="text/css" media="all">
a:link {
color: red;
text-decoration: none;
}
a:visited {
color: green;
}
a:hover {
color: blue;
}
a:active {
color: black;
}
a img {
border: none;
}
</style>
</head>
Once is enough if you pay attention to what you are doing and put it in the right place:))
a {
text-decoration: none;
}
I fix the code but why i still see the blue box in IE, in FF seems fine.
