TonyMontana
New Member
I have many image \[code\]divs\[/code\] in a page. How do I resize all those images to a specific size (thumbnail size)? Currently all images shows their original big size. Is there a way to resize those \[code\]divs\[/code\] images without changing the image tags inside those \[code\]divs\[/code\], preferably using CSS?\[code\]<div class="ItemLeft"> <div class="Clipping"> <a class="ImageLink" href="http://stackoverflow.com/videos/id8" title="galaxy"> <img class="ItemImage" src="http://stackoverflow.com/Images/video8.jpg" alt="video 8" /> <img class="OverlayIcon" src="http://stackoverflow.com/Images/1.png" alt="" /> </a> <a class="DurationInfo" onmouseover="showDuration2(this);" onmouseout="hideDuration2(this);" href="http://stackoverflow.com/videos/id1234"><span class="Text">51:57</span></a> </div> <div class="Title"><a href="http://stackoverflow.com/videos/id8" title="galaxy">galaxy</a></div> <div class="VideoAge">1 daybefore</div> <div class="PlaysInfo"> broadcast 265</div></div>\[/code\]