Pictures being different sizes? How to resize?


#1

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?


#2

In your selector img add a height and a width


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


#3

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

<style>
img { width: 100px; height: 100px;}
</style>

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)