Results 1 to 4 of 4

Thread: Trying to add padding to my images. Please help

  1. #1
    Thread Starter
    kwave12's Avatar
    Join Date
    Jun 2009
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Trying to add padding to my images. Please help

    Please visit
    http://www.exportnewcars.com/bmw/2009-bmw-328i-coupe/

    If you scroll down the the thumbnail images you will see they do not space across the cell evenly. I am trying to find a solution so that I can either fit 2 more photos or add padding to just the thumbnail images.

    I think .prdetails controls this but I'm not sure. I am going to try and mess with the sizes of the images and make them bigger but it would be cool to get some more functionality out of the thumbnails.

    any help greatly appreciated

    KWAVE
    http://www.kwavewebdesign.com
    323-924-2483

  2. #2
    Member
    Not a Verified Customer
    secretstache's Avatar
    Join Date
    Mar 2009
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Trying to add padding to my images. Please help

    try this:

    Code:
    .prdetails img {
         margin: 5px 25px 5px 0; 
    }
    Just Change the second param (25px) to whatever number you want. That parameter controls the distance to the right of the image. I think that is what you were asking for.

    Rich

  3. #3
    Thread Starter
    kwave12's Avatar
    Join Date
    Jun 2009
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Trying to add padding to my images. Please help

    I figure it out.

    I edited

    .ins .left .product a img { border: solid 5px #2F5270; padding: 3px; margin: 5px 5px 5px 0; vertical-align: middle; }

    to

    .ins .left .product a img { border: solid 5px #2F5270; padding: 3px; margin: 5px 28px 5px 0; vertical-align: middle; }

    thanks for the help!

    KWAVE
    http://www.kwavewebdesign.com
    323.924.2483

  4. #4
    Member
    Not a Verified Customer
    secretstache's Avatar
    Join Date
    Mar 2009
    Posts
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Trying to add padding to my images. Please help

    the reason why i suggested using
    Code:
    .prdetails img {
         margin: 5px 25px 5px 0; 
    }
    was because it narrows down the selection the smaller thumbnails. I believe using the code as you did, it also adjusts the larger image as well. But its always nice to see people working out their own issues--hands on logic is the best way to learn.

    And if you aren't using firebug w/ firefox, you should be.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)