View Single Post
Old 06-04-2010, 11:46 AM  
harvey
Confirmed User
 
harvey's Avatar
 
Industry Role:
Join Date: Jul 2001
Location: 127.0.0.1
Posts: 9,266
step 1: get a rounded corner image and the image you want to use and use it like this:

Code:
<div class="whatever">
<a href="#"><img src="myroundedimage.png" alt="" /></a>
</div>
then the css

Code:
.whatever{background: transparent url(myimage.jpg) no-repeat;}
of course you'll need different classes for each image (like .whatever, .whatever1, .whatever2 and such)

the same could be accomplished this way:

Code:
<div style="background: transparent url(myimage.jpg) no-repeat;">
<a href="#"><img src="myroundedimage.png" alt="" /></a>
</div>
therefore, you'll need 1 class per image. Using php, you can do it automatically
__________________
This post is endorsed by CIA, KGB, MI6, the Mafia, Illuminati, Kim Jong Il, Worldwide Ninjas Association, Klingon Empire and lolcats. Don't mess around with it, just accept it and embrace the truth
harvey is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote