Pictures being different sizes? How to resize?


Ok so I am doing the Clickable Photo Page and obviously my web-sourced pictures are different sizes. How would I go about resizing them so that they are all consistently the same size?


In your selector img add a height and a width

(( Sorry for the grammar I use a translator ))


add this to your <head></head>:

img { width: 100px; height: 100px;}

preferable, do width only, doing both height and width destroys the ratio of the image. This code will be explained later. px is a unit of measurement, just like cm (inches)