What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

  • Profile Image

    need help resizing pics in CSS

    Asked by The_Mighty_Optiq 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(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?

    JotForm style size uploads
  • Profile Image

    Answered by The_Mighty_Optiq 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..