afbeelding verkleinen

**Rick v.g.** · 28-09-2009, 09:16

hallo,

ik wil met css een afbeelding kleiner maken.

ik heb deze code:

Code:

 
div#plaatje    {
 background-image: url('afbeeldingen/plaatje.jpg');
 height: 29px;
}

en de html:

Code:

<div id="plaatje"></div>

ik ben waarschijndelijk iets vergeten maar ik kan het niet vinden.

alvast bedankt

mvg Rick

**Marc Kuiper** · 28-09-2009, 09:43

Het plaatje blijft origineel?

**Jeroen Kamphuis** · 28-09-2009, 10:00

Beste Rick,

In je css kan dit niet. De enige mogelijkheid is door de afbeelding niet als achtergrond maar d.m.v. de <img src="img" height="hoogte" width="breedte" /> hierin kan je dan de breedte van je img aanpassen.

MVG,

J. Kamphuis

**Rick v.g.** · 28-09-2009, 10:49

oke bedankt

**Gilbert B** · 30-09-2009, 08:55

Origineel gepost door Jeroen Kamphuis

Beste Rick,

In je css kan dit niet. De enige mogelijkheid is door de afbeelding niet als achtergrond maar d.m.v. de <img src="img" height="hoogte" width="breedte" /> hierin kan je dan de breedte van je img aanpassen.

MVG,

J. Kamphuis

Hoogte en breedte van een plaatje is weer wel aan te passen met CSS:

Code:

<img src="plaatje.jpg" alt="tekst" style="width: 150px; height: 100px" />

afbeelding verkleinen