Hei! Jeg har laget en liten gallery på hjemmesiden min, som er kodet slik i html dokumentet:

<div id="gallery">

<img src="1.jpg" alt="Bilde1"> </a>
<img src="2.jpg" alt="Bilde1"> </a>
<img src="3.jpg" alt="Bilde1"> </a>
<img src="4.jpg" alt="Bilde1"> </a>

</div>

og slik i css dokumentet:

div#gallery {height="150" Width="200";}

Det som er problemet er at jeg ikke klarer å nedskalere bildene til det formatet jeg skrev i css dokumentet:S

css-scaling av bilder er fysj.

Endre selectoren til dette: div#gallery img {}
Din selector endrer div-wrapperen RUNDT bildene, ikke bildene i seg selv.

Jeg bør kanskje nedskalere bildene i riktig format i photoshop før jeg legger de ut på hjemmesiden min?

Ikke bare kanskje, men sikkert. Ulemper med browserskalering er 1: Det ser stygt ut - 2: Det tar lengre tid for brukere å laste websiden - 3: Hosten din klager på høy båndbreddebruk og du risikerer å betale unødvendig mye.

Du bør dog fortsatt legge inn bredde og høyde på bilde-taggene (i HTML/XHTML), slik vet nettleserne hvor mye plass de skal sette av, og ting vil ikke flytte seg rundtomkring på siden imens den lastes.

Så om et bilde er på 150*200px bør dette også stå i XHTML-en.