Support Forum

I made a class of pics that wound up being bigger than I want them and want to shrink them down.... here's the code I'm using...

.Shirts {width:405px; height:570px; background-image:url(http://www.jotform.com/uploads/The_Mighty_Optiq/form_files/Shirtsmain.jpg); display: block; margin-left: auto; margin-right: auto; }

#MeShirt01 {background-position: 0px 0px; }
#MeShirt02 {background-position: 0px -570px; }
#MeShirt03 {background-position: 0px -1140px; }
#MeShirt04 {background-position: 0px -1710px; }
#MeShirt05 {background-position: 0px -2280px; }
#MeShirt06 {background-position: 0px -2850px; }
#MeShirt07 {background-position: 0px -3420px; }

<div id="MeShirt01" class="Shirts" width="205" height="289"><p></div>
<div id="MeShirt02" class="Shirts"><p></div>
<div id="MeShirt03" class="Shirts"><p></div>
<div id="MeShirt04" class="Shirts"><p></div>
<div id="MeShirt05" class="Shirts"><p></div>
<div id="MeShirt06" class="Shirts"><p></div>
<div id="MeShirt07" class="Shirts"><p></div>

I also tried creating a new class with a resize function... I tried a couple different things on the clss script alone and it just shrunk the size of the box, rather than the picture... what would I have to do to make the picture shrink using this setup?