[PhilStoz86]

Hi!

See this code below:

#sectionTwoWrapper img {
	margin: 0px 20px 0px 0px;
	float: left;
	width: 254px;
}
#sectionTwoWrapper a {
	display: inline;
}
#sectionTwoWrapper a:link, #sectionTwoWrapper a:visited {
	display: inline;
}
#sectionTwoWrapper a:hover, #sectionTwoWrapper a:active {
	display: inline;
	background: #FFF;
	opacity: 0.5;
}

I have some images (as links to other pages in my site) sitting in 'sectionTwoWrapper'. All I want is to have a little hover effect on them but I cannot make it work!! I've never had this problem before and I just can't figure it out. Can anyone see any error in my code?

Help!!

Thank you!

This post has been edited by Renaissance-Design: 07 February 2012 - 09:13 PM
Reason for edit: Please use the code button or tags to format your code.

[Renaissance-Design]

You shouldn't need to set display: inline on your <a> elements - they're already inline.

Do you have a live link to the site? If not, can you put your code in a jsfiddle?

This post has been edited by Renaissance-Design: 07 February 2012 - 09:15 PM

[PhilStoz86]

Afraid not, I'm designing it locally.

You'll have to explain what a jsfiddle is - I'm new to this sorry!

[PhilStoz86]

If I wrap them in their own containers, the hover effect works perfectly.

Is there a reason for this?

[Renaissance-Design]

jsfiddle