login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Te grote image vergroot div...

Offline Appie_Dijk - 02/01/2012 20:39
Avatar van Appie_DijkLid 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

Gesponsorde links
Offline julianb - 02/01/2012 20:50
Avatar van julianb Lid dat centreren kan je met padding doen
Offline vinTage - 02/01/2012 20:58
Avatar van vinTage 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 Appie_Dijk - 02/01/2012 21:15
Avatar van Appie_Dijk Lid 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 vinTage - 02/01/2012 21:30
Avatar van vinTage Nieuw lid Nou, hier werkt het goed hoor...

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  2. #fotodiv{
  3.   width:100px;
  4.   height:100px;
  5.   border:1px solid red;
  6.   background: #00f url('http://blog.advertise.com/wp-content/uploads/2011/07/Boom.jpg') no-repeat center;
  7. }
  9.  
  10. <div id="fotodiv"></div>
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.175s