HTML inserting various pictures

[chicksoup]

Hello,

 

for school I have to compile a small website and I found out how to insert images, but the problem is that they are different sizes and I can't find a way to have them the same max size without them being out of proportion (too high, not wide enough etc.)

 

Is there an easy way to have a lot of pictures on a website look good? I'm making a cool builds log list, so they would be underneath eachother.

 

 

Any help is appreciated

[xXxYOLOxSWAGxXx_420BlazeIt]

Use javascript to calculate the aspect ratio and set the maximum height and width of each one using that ratio.

[chicksoup]

Use javascript to calculate the aspect ratio and set the maximum height and width of each one using that ratio.

I don't know how to do that and the problem isn't one image, but rather having two underneath each other and looking bad

[Ssoele]

Set in CSS

max-width: 100px;

Or add this to the img tag in the HTML

style="max-width: 100px"

[Ivyk]

^^ This.

[chicksoup]

thanks guys! you brought me on the right track. what I ended up doing was: width="700px" height="auto"