Can anyone give me any insight on how to properly scale images so they don't look all funked up? Say I want the limitations of the picture to be no bigger then 300px high and 250px wide. The dimensions don't HAVE to be of those proportions, but those are the constraints.

How would I check the image, and keep it to no larger then those dimensions, and make sure it doesn't look distroted?

Thanks

If you change the width of an image in the CSS document the height will change proportionally. You can specify the max width as such:

img#whatever {
    max-width: 250px;
}

This doesn't work in IE6(or below). There is a way to work around it with javascript, but I'm not well versed in this method.

just batch process the images in your image editor?!

I usually just use max-width and min-width, etc without worrying about the minor annoyance of this not functioning in IE6. IE6 is never going to live up to the better browsers completely, and the fact that it does not display perfectly in all situations hopefully sends a message that it is time to upgrade your browser

but doesn't it look like crap when you resize the image through the browser?!

Well the only problem with setting max-width, is it can't also exceed the height.