CODEWITHSUNDEEP
css
user3169979
user3169979

Reputation: 47

rescaling images to maintain proportions

I am trying to put together an application, and in the header for this application i have a table with 3 columns, one is the application logo, one is some text with the application title, and the third column is to dispay the users company logo by looking up which company they are assigned to...This all works just fine...

However the problem I am having is that images can look a bit distorted because i am using img height=90px width=90px src...

Is there anyway i can change this so that the height is 90px and the width is a proportional scale % to keep the image looking correct...

Upvotes: 0

Views: 50

Answers (2)

user3169979
user3169979

Reputation: 47

thanks, that was a good answer, i actually found something else about 20 seconds after posting which has worked great...

img style="max-width: 100px; height: auto; " src="image.jpg

Upvotes: 0

j08691
j08691

Reputation: 208032

Just set the height to 90px (and don't set the width). By default the browser will maintain the image proportions unless you set the width.

Upvotes: 3

Related Questions