login  Naam:   Wachtwoord: 
Registreer je!
 Forum

foto in verhouding houden

Offline Gust - 15/12/2010 19:48
Avatar van GustMySQL interesse Als ik een afbeelding inlaadt, dan wil ik dat ie verschijnt in een vak van 240px op 240px. De foto mag niet breder uitkomen.

Toch verschijnt ie over de rand, en heb noodgedwongen een maat moeten instellen van 240px x 240px waardoor ie uitgerokken wordt, zie deze pagina

Hoe kan ik ervoor zorgen dat de foto toch in verhouding blijft en de randen niet overschrijdt?

6 antwoorden

Gesponsorde links
Offline Dlol - 15/12/2010 19:56
Avatar van Dlol Lid Ik snap niet goed wat je bedoelt eigenlijk, maar misschien doet dit iets:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #foto {
  2.     width: 240px;
  3.     height: auto;
  4. }


De hoogte wordt nu automatisch aangepast aan de breedte zodat de afbeelding niet uitgerokken wordt.
Offline UpLink - 15/12/2010 19:58
Avatar van UpLink ... een <div> maken en in de CSS de hoogte en breedte instellen. Dan gaat die foto er normaal niet meer buiten...
Offline Gust - 15/12/2010 20:09 (laatste wijziging 15/12/2010 20:16)
Avatar van Gust MySQL interesse Dat dacht ik ook eerst, maar als je een foto hebt die hoger is dan 240px, dan gaat ie wel via de hoogte naar buiten

zie volgend voorbeeld (foto rechtsboven: zie onderkant)
Offline Kevin - 15/12/2010 20:38
Avatar van Kevin Crew Ajax/REST Yup dat gebeurt zowiezo omdat hij de foto schaalt naar 240px breed en de hoogte verklein proportioneel mee.

Zet er eens een attribuut "overflow: hidden" bij in je CSS?
Kijk zelf wat het resultaat is.
Offline Gust - 15/12/2010 20:53
Avatar van Gust MySQL interesse Bedankt!

Hoe zorg je er voor dat hij nu nog 2 pixels boven die rode rand blijft?
Offline Realtec - 16/12/2010 11:57
Avatar van Realtec HTML interesse padding-bottom: 2px;

in de div class
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.166s