Resize/Scale all outputed images in div?

Discussion in 'CSS' started by hash1, May 5, 2010.

  1. #1
    Hello, im trying to make my new arcade site a little prettier. I would like to make all the outputed images to be Resized/Scaled to the same size.

    If you would like to see an example of what im wanting to change you can see here http://bit.ly/cr9NXR.

    If anyone knows how to do this let me know!

    Thanks
     
    hash1, May 5, 2010 IP
  2. Wtfuxbbq

    Wtfuxbbq Peon

    Messages:
    61
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You'd add the following css rule to your stylesheet, interchanging the dimensions with your desired height and width.
    
    .detail img{
        height: 100px;
        width: 100px;
    }
    
    Code (markup):
     
    Wtfuxbbq, May 5, 2010 IP
  3. ampg-it

    ampg-it Peon

    Messages:
    75
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Or you could override the width and leave the height blank, so it looks like this.
    <img src="images/logo.gif" width="100" />
    Code (markup):
     
    ampg-it, May 6, 2010 IP