Ulterior

Would love to learn how to do this hover effect example here: http://www.amazoniamoveis.com.br/ the 8 images at the bottom.I've seen it around alot, but can't figure out how it's done, the web kit transition opacity doesn't give the desired result, I assume it's not a second lighter image placed over the top as it fades into it, so is this done in javascript or something else?

I did actually find that page earlier, It didn't work for me then, but now it does . Thanks man.

As the title says, I have a few images placed on my content area: <a href="#"><img src="images/template.png" class="img1" alt="our img" style="border: 1px solid #000101;" > </a> And my navigation when I go onto the drop-down menu, it sits behind the image, I've tried to use 'wmode transparent' and 'z-index' I couldn't get either to work though.I will show the rest of the code related if needs be, thanks.

Ahhh, that fixed it. I feel stupid lol. I'm new to this, trying to learn more, thanks for your help. While I'm here, what'd be the best way of positioning these images? For instance I'm going to have 9 images all equally spaced, so 3, next row 3, next row 3.

Hello, I've got a problem with placing an image inside a div on my website. Every time I add the image into the code it drags text from my footer up with it, I've tried a couple different ways of positioning it, in the styl;es.css etc but to no avail. I'll post the code exmple below: <div id="content"><a href="#"><img src="images/template.png" alt="our img" style="border: 1px solid #000101; </a> <!--CONTENT ENDS--> </div> And below that there's a div 'footer' of which has some text about copyright, it gets dragged up into the content area. In some cases it was dragging my navigation down too. I couldn't find any information about this so decided to post, hope you can help, thanks.