|
Categorieën >
HTML & CSS
Te grote image vergroot div...
|
|
|
offline
|
MySQL interesse
|
Hallo iedereen,
Ben momenteel bezig met het maken van een PDF generator, bijna alles werkt inmiddels maar...
Als er een image groter is dan de DIV CLASS dan wordt deze div vergroot, iets wat niet zou moeten. De <img src=''> zou binnen de DIV moeten vallen. indien die groter is als de DIV moet deze achter de DIV verdwijnen, voorbeeld:
DIV = 100 * 100
IMG = 100 * 150 (50 te breed dus), hij moet dat de image 100 * 100 weergeven en de laatste 50 'wegsnijden'/verbergen achter de div.
Verder moet, indien de image kleiner is dan 100*100 dat hij minimaal 100 hoog en min 100 breed moet zijn.
het liefst moet de image dan ook nog gecentreerd worden zodat er bij beide kanten 25 vanaf gaan (maar dit is geen vereiste).
Helaas kom ik er momenteel niet uit, iemand suggesties/de oplossing?
Alvast bedankt!
MVG Albert |
4 antwoorden
|
|
|
|
offline
|
Lid
|
dat centreren kan je met padding doen
|
|
|
|
|
offline
|
Nieuw lid
|
Je kan die image toch gewoon als background zetten?
De afmetingen van de div waarin je die img dus wilt tonen, bepalen de afmetingen van het zichtbare gedeelte van de img.
|
|
|
|
|
offline
|
MySQL interesse
|
Heb bovenstaande suggesties al geprobeerd (mogelijk verkeerd, maar niet voor zover ik weet).
zal morgen enkele dingen proberen, zal deze dan ook uploaden zodat jullie ze kunnen bekijken.
MVG Albert
|
|
|
|
|
offline
|
Nieuw lid
|
Nou, hier werkt het goed hoor...
<style>
#fotodiv{
width:100px;
height:100px;
border:1px solid red;
background: #00f url('http://blog.advertise.com/wp-content/uploads/2011/07/Boom.jpg') no-repeat center;
}
</style>
<div id="fotodiv"></div> #fotodiv{ width:100px; height:100px; border:1px solid red; background: #00f url('http://blog.advertise.com/wp-content/uploads/2011/07/Boom.jpg') no-repeat center; }
|
Je moet ingelogd zijn om een reactie te kunnen posten.
|
|
|
Console games waar je niets van leert moeten worden afgeschaft. (S: 17, R: 7)
Actiefste leden van de maand
Actieve forumberichten: