I Have a dynamic List of images populated from the database, I want to place dropshadows on the images. Problem is the images vary in width is there anyway to make the dropshadow match the width of the image.
[code=php] <table cellpadding="0" cellspacing="0" style="border:none;"> <tr> <td> <a href="ViewListing.aspx?LID=<%# Eval("iListingID") %>"> <img name="image<%# Eval("iListingID") %>" id="" title='View related Information' class="ListingMainPhoto" alt='Images From RotoruaToday' src='<%# Eval("sThumbNail") %>' /></a> </td> <td><div class="rightShadow"> </div></td></tr> <tr> <td><div class="BottomShadow"> </div></td> <td class="BottomRightShadow"> </td> </tr> </table> [/code]
[code=php].rightShadow { background: url('../Images/Shadows/RightShadow.png') repeat-y top left; height:70px; margin-top:5px; } .BottomShadow { background: url('../Images/Shadows/BottomShadow.png') repeat-x top left; margin-left:3px; } .BottomRightShadow { background: url('../Images/Shadows/BottomRight.png') repeat-x top left; }[/code]
Help @Nate1 spread the word by sharing this article on Twitter...