resizing images

[digimarx]

How do you get images to be resized to fit within the properties of the div tags

I have used ID tags using CSS to a specific size, but for some reason it isn't fitting correctly

 

[lolkaykay]

Can you post the code you're working with? Maybe you're not referencing your images correctly in your css.

 

[digimarx]

This is the sample code in CSS

#thumbImg {
height: 171px;
width: 256px;
}

When I put a larger image than that, the image always is bigger, and I have to constantly photoshop it to make it that size

 

[digimarx]

Weird, I have just tried it with another image, and it has done exactly what I wanted....

Twilight zone time

 

[lolkaykay]

Can you post the html code too? Is this solved then or do you still want to use the other image?

 

[digimarx]

The problem seems to be solved

 

[LandisCreations]

While this does work, I highly recommend resizing the image yourself rather than relying on the browser to resize images, for two reasons:

1) Browsers are generally really bad at it. At the very least, they're unreliable when it comes to maintaining a quality image.

2) You're wasting data transfer and increasing page load times. Why use a 2MB image that's 1000px x 800px resized for a 100x80 space when you could resize it to a 10kb image that's 100x80. (Extreme example, but I imagine you get the point.)

Just resize the image ahead of time and you'll come out with better images, smaller pages, and faster load times.

 

[digimarx]

The thing is, I need to display the bigger sized photo/image on another part of the webpage

 

[PixelPusher]

While this does work, I highly recommend resizing the image yourself rather than relying on the browser to resize images...

I second that! Use a image editor to edit your images. It will give you better quality every time.

 

[fbhc]

If you want your image to look professional, use an image editor. Photoshop works for us.