Img kleiner maken

Status
Niet open voor verdere reacties.
D

dimitri1984

Gebruiker
Lid geworden
17 nov 2008
Berichten
5
Beste,

Ik moet voor school een website maken in XHTML en CSS. Ik heb in photoshop een img gemaakt waar ik een link naar een andere pagina over ga zetten. Nu plaats ik die img (jepg) en ik probeer ze de juiste afmetingen te geven maar dat lukt niet! Als ik het kleiner maak dan gaat er gewoon een stuk van dat img af. Zou het kunnen dat je die img niet kleiner kunt maken ?
Wat is de juiste CSS code iemand een idee?
Mvg

Dimitri
 
HTML: 
<img src="{url naar afbeelding}" height="50%" width="50%" />
Heb je zo'n code?
 
dit is de html code:
<div class="profiel"><img src="profiel.jpg" /></div>
maar in html mag je height en width toch niet zetten het moet met css kleiner gemaakt worden.

groeten dimitri
 
Laatst bewerkt door een moderator:
HTML: 
<html>
<head>
<style>
.img {
  width: 50%;
  height: 50%
}
</style>
</head>
<body>
<img src="http://interfacelift.com/wallpaper/downloads/01731_beachpath_1680x1050.jpg" height="50%" width="50%" />
<img src="http://interfacelift.com/wallpaper/downloads/01731_beachpath_1680x1050.jpg" class="img" />
</body>
</html>
Kies maar, het maakt niet uit, zoals je ziet, welke je gebruikt.
 
Voor jou zal het dan worden:
Code: 
.profiel img {
  width: 50%;
  height: 50%;
}
 
Die code blijkt toch niet te werken . ik zal hier onder nog eens zetten wat ik juist doe :
html: <div class="profiel"><img src="profiel.jpg" /></div>
css:
.profiel img{
width: 50%;
height: 50%;
}

maar de img blijft even groot.

groeten
Dimitri
 
Neem dan mijn .img class over en zet bij je afbeeding class="img"

Dan zou hij moeten werken.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan