Hi
I've added a link (a href) tag to a picture (img src...). Now this link ("a") will ofcourse be styled according to how the rules for "a" and "a:hover" is set in the Stylesheet. I want another style for links assigned for pictures. My problem is that I use a dotted line (border-bottom: 1px dotted;) in the "a" rule and don't want this on the pictures.
How do I make a new rule for links assigned to pictures? I know I need to make a rule in the style sheet saying "border-bottom: none;" but where do I put this in the Stylesheet (Kubrick) and were do I put it in the (a href) tag?
Your help is apprechiated.
Hello
Try the following:
img a:link,img a:visited,img a:hover {border:none}
Hm... doesn't seem to work or I'm doing something wrong. If you write it like above - img a:link- will this rule determine "a" or "img"?
My problem is that this rule
a, h2 a:hover, h3 a:hover {
color: #8B5742;
text-decoration: none;
font-weight: normal;
border-bottom: 1px dotted #8B5742;
}
also create a dotted border under each picture assigned with an url. How do I make a rule that overwrite the above for pictures? And where do I put it in the stylesheet? And, - do I need to include that rule as a class in the picture tag?
Thank you!
AndrewLilley
Member
Posted 5 years ago #
Yes, I have this exact problem too. Did you solve it yet? Is it the way WP displays images that is the problem?
Andrew
What is your "exact same" problem?
You don't have a dotted line under the pictures when hover.
That was the question of the OP.
And don't post all over your question in multiple threads. And instead of the "same problem" - described what is your problem. They are never the same.
(BTW, in the other thread where you posted again your "same" problem - the solution is given you just have to read it)
riis
