How to set max-width, max-height of an image

Flow
1

So I’m using an Embedded object to display my image. This seems to work well enough. I’ve attached a “thumbnail” style which also seems to work, however, when you look at the html, the style is being applied to the

element which contains the image, not to the image itself.

How do I achieve proportional image resizing through CSS? Ideally I would need to be able to apply the max-height, max-width css parameters directly to the image element itself. Can this be done?

Thanks!
Nik

2

I figured it out!

I had to modify my css class from

.thumbnail
{
max-width: 150px;
max-height: 150px;
}

to…

.thumbnail img
{
max-width: 150px;
max-height: 150px;
}

This is simply because for the Embedded object, the style is applied to the DIV container for the embedded element rather than the element itself.