I do not want the background or border of the image in hover state to change color. But it still does.
I’m feeling a bit uncomfortable that I cannot solve this myself…sigh
I searched the internet after hover image, found lot’s of hits, but not a working solution, amazingly enough.
DOCTYPE XHTML 1.0 Strict, and these are the link styles:
Thanks for answering both of you.
Unfortunately, Dan’s suggestion did not give the desired result.
And Tod, I understand what you did.
But it does not work, because I have already defined my link tag, cannot set it to white.
Here’s my stylesheet: (add www.)
If you do want the background color to appear on your text links then you’ll need to add a class or something to the anchors around the images so you can single them out as being different from any other anchor (and add a new style that targets the new class).
Hope this helps,
Joe
On 3 May 2011, at 16:43, atelier wrote:
Hi
Thanks for answering both of you.
Unfortunately, Dan’s suggestion did not give the desired result.
And Tod, I understand what you did.
But it does not work, because I have already defined my link tag, cannot set it to white.
Here’s my stylesheet: (add www.)
I was w
aware of that, therefore I did add a class to my images, called .img but I cannot get the background coded well in that style…
This is the code for the images, with the rendering in HTML
{if hist_1_tb !=""}<a class='popup' href="{exp:extract_url}{hist_1}{/exp:extract_url}"><img src="{hist_1_tb}" class='img' alt="{title}"/></a>{/if}
<a class='popup' href="http://skulpturparkhunnebostrand.se/edit/uploads/images/Valborg_Udden_2011_039.jpg"><img src="http://skulpturparkhunnebostrand.se/edit/uploads/images/Valborg_Udden_2011_039_thumb.jpg" class='img' alt="Bilder och prat om Valborg 2011"/></a>
PS I see that my hover style for textcolor disappeared after all this experimenting…Have to switch back to were I started, I’m afraid…
You want the class on the anchors around the images, not the images themselves. The style selector will then need to be as follows:
a.img:hover { properties }
Joe
On 3 May 2011, at 17:07, atelier wrote:
Hi Joe
I was w
aware of that, therefore I did add a class to my images, called .img but I cannot get the background coded well in that style…
This is the code for the images, with the rendering in HTML
{if hist_1_tb !=""}<a class='popup' href="{exp:extract_url}{hist_1}{/exp:extract_url}"><img src="{hist_1_tb}" class='img' alt="{title}"/></a>{/if}
<a class='popup' href="http://skulpturparkhunnebostrand.se/edit/uploads/images/Valborg_Udden_2011_039.jpg"><img src="http://skulpturparkhunnebostrand.se/edit/uploads/images/Valborg_Udden_2011_039_thumb.jpg" class='img' alt="Bilder och prat om Valborg 2011"/></a>
PS I see that my hover style for textcolor disappeared after all this experimenting…Have to switch back to were I started, I’m afraid…
I always make sure I “Publish Everything” from the File menu when I add a style to my stylesheet that is never attached to anything. Sometimes Freeway gets stuck and doesn’t add the style until I do that.