php upload fotos een height en witdh geven
ik heb gister een foto upload gebouwt het werkt ook
maar nu zit ik met een probleem
hoe kan ik namelijk met php fotos een witdh en een height geven?
de fotos die worden geupload worden in een soort view gestop dit is de css
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
div.picture {
background-color: white;
overflow: scroll;
max-width:470px;
max-height:350px;
margin: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:5px solid black;
behavior: url(ie-css3.htc);
}
background-color: white;
overflow: scroll;
max-width:470px;
max-height:350px;
margin: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:5px solid black;
behavior: url(ie-css3.htc);
}
maar als de foto groter is dan 470 px dan komt er een scroll
hoe kan ik er voorzorgen dat de foto nooit groter word dan 470 px
en dat de height ook de hoogte krijgt die bij de fotos hoort(dat rechthoek fotos niet vierkant worden)
weet iemand hoe ik dit kan doen?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
div.picture {
background-color: white;
background-size: 470px 350px;
max-width: 470px;
max-height: 250px;
margin: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:5px solid black;
behavior: url(ie-css3.htc);
}
background-color: white;
background-size: 470px 350px;
max-width: 470px;
max-height: 250px;
margin: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:5px solid black;
behavior: url(ie-css3.htc);
}
Toevoeging op 20/02/2014 13:19:43:
je bent vergeten om een backgroun-size mee te geven
hiermee verandert ie de achtergrond-image/-color!
en je ziet een heel groot deel van de foto niet
Code (php)
1
display: inline-block;
Toevoeging op 20/02/2014 13:22:26:
en misschien moet background-size andersom dus:
Code (php)
1
background-size: 350px 470px;
Toevoeging op 20/02/2014 13:23:42:
kun je misschien een voorbeeld meegeven?
van hoe het eruit moet zien misschien helpt dat:S
Gewijzigd op 20/02/2014 13:21:38 door Mathieu Posthumus
hoe upload je hier een foto
Gewijzigd op 20/02/2014 13:34:06 door christian k
want kun je misschien een stukje code van je php script sturen (wat te maken heeft met die fotos)
dan kan ik misshien meer;p
maar ik snap niet hoe dat moetwant ik krijg twee img tags te zien waar ik iets tussen moet typen
het word zo geëcho't
Code (php)
1
2
3
2
3
<div class="picture">
<img src="picture/1-1392843524-5542783866254600.jpg" alt="picture">
</div>
<img src="picture/1-1392843524-5542783866254600.jpg" alt="picture">
</div>
hij laad de picture ook wel en hij staat ook in de div maar als de fotos
te groot worden komt de foto een stuk buiten de div te staan zeg maar
Mathieu Posthumus op 20/02/2014 13:17:23:
Code (php)
1
2
3
4
5
2
3
4
5
div.picture {
background-size: 470px 350px;
max-width: 470px;
max-height: 250px;
}
background-size: 470px 350px;
max-width: 470px;
max-height: 250px;
}
Misschien komt dat door height van 350 en 250. Daar zit 100 verschil in.
Gewijzigd op 20/02/2014 14:30:23 door - SanThe -
Dus: div.picture > img { }
Zie: http://jsbin.com/bolisata/1
Gewijzigd op 20/02/2014 14:39:24 door Michael -
- SanThe - op 20/02/2014 14:29:53:
Misschien komt dat door height van 350 en 250. Daar zit 100 verschil in.
Mathieu Posthumus op 20/02/2014 13:17:23:
Code (php)
1
2
3
4
5
2
3
4
5
div.picture {
background-size: 470px 350px;
max-width: 470px;
max-height: 250px;
}
background-size: 470px 350px;
max-width: 470px;
max-height: 250px;
}
Misschien komt dat door height van 350 en 250. Daar zit 100 verschil in.
woops type fout