need help resizing pics in CSS

  • Profile Image
    Asked on March 05, 2012 at 02:16 AM

    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(; 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?

  • Profile Image
    Answered on March 05, 2012 at 04:12 AM

    nevermind... I wound up just doing the pics over because I got a different idea for how to present the material..