Ik laat foto's inladen via php maar deze kunnen verschillend zijn van formaat.
nu wil is dat hij maar een deel toont van deze foto door onderstaande code
dus het formaat mag maar 50 op 50 zijn
maar dan loopt het mis
PHP Code:<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
.fotosize {
width:50px;
height:50px;
overflow:hidden;
float:left;
}
</style>
</head>
<body>
<div class="fotosize"><img src="images/haha.jpg" alt="foto" /></div>
</body>
</html>
-
04-06-2012, 01:02 #1
Particulier
- Berichten
- 25
- Lid sinds
- 12 Jaar
div vaste maten
-
04-06-2012, 01:18 #2
Particulier
- Berichten
- 951
- Lid sinds
- 13 Jaar
Re: div vaste maten
voeg ook even toe :
PHP Code:.fotosize img { width: 50px; height: 50px; }
of
<div class="fotosize"><img src="images/haha.jpg" alt="foto" width="50" height="50" /></div>
-
04-06-2012, 01:42 #3
Particulier
- Berichten
- 25
- Lid sinds
- 12 Jaar
Re: div vaste maten
bedankt maar het probleem is dan dat mijn foto vervormd
-
04-06-2012, 01:50 #4
Particulier
- Berichten
- 951
- Lid sinds
- 13 Jaar
Re: div vaste maten
Origineel gepost door marco verlinden
Dat klopt, wat wil je dan precies bereiken?
-
04-06-2012, 01:50 #5
Particulier
- Berichten
- 33
- Lid sinds
- 14 Jaar
Re: div vaste maten
Je moet de image ook maten geven <img width="" height="" /> het formaat van de afbeelding zelf mss nog even floaten.
-
04-06-2012, 02:11 #6
Particulier
- Berichten
- 460
- Lid sinds
- 14 Jaar
Re: div vaste maten
Als je slechts een deel van de image wilt laten zien raad ik je aan om deze image in te stellen als background en de height en width op 50 te laten --> background-image:url('paper.gif');
-
05-06-2012, 14:29 #7
TeeDeJee
- Berichten
- 156
- Lid sinds
- 14 Jaar
Re: div vaste maten
Je kan ook alleen een width toevoegen.
Dan past hij de height automatisch aan.
Hierdoor zie je ofwel de volledige foto in het vierkantje, ofwel een deel. Maar nooit vervormd.
.fotosize {
width:50px;
height:50px;
overflow:hidden;
float:left;
}
.fotosize img { width: 50px;}
