CSS image shrink!

[Jollywg]

I'm trying to "shrink" an image down to size so that my border will fit around it instead of just the top left corner. Any ideas?

Thanks in advance!
Matt

[Death Slaught]

There are several ways to do this I suggest one of the following.

1) You can use an image editing software to shrink the image. I recommend GIMP .

2) Use CSS to adjust the width and height of your image.

If you are using the image as a background image you would have to use the first option. If this doesn't help or you would like an example please post the code you are currently using, and I would be glad to help.

Thanks,
{\_/}
(' . ')
(")[DEATH](")
(")(")

[Jollywg]

            #Info1 {width: 300px;
                float: left;
                height: 12em;
                position: normal;
                font-family: arial, sans-serif; 
                color: black;
                font-size: .9em;
                padding-bottom: .5em;
                text-align: left;
                border: ridge;
                border-width: .5em;
                border-color:  rgb(255,100,0);
                background-color: transparent;
                background-image: url("CBTGroup.jpg");
                background-size: 50%;}

Here is the chunk of code that is dealing with the image. I've tried using height and width set at 50px each where the background-size is used, but didn't seem to work?

Thanks

[Death Slaught]

Images are inline elements and while using percentages with the background-size property, it will only work on block-level elements. For more information and examples on using the background-size property click here.

Thanks,
{\_/}
(' . ')
(")[DEATH](")
(")(")

[Jollywg]

I typed in display: block; and it worked like a charm!

Thanks Death Slaught!!