Over welke pagina of welk stuk op een pagina gaat het specifiek op je site? Want ik zie enkel aparte foto’s dus weet niet waar je het specifiek over hebt.
dank u wel ,
als u gaat naar onderhoud pagina en kijkt aan de eerste en de tweede afbeelding dan ziet u de eerste afbeelding de hoogte is iets langer dan de tweede afbeelding . terwijl ik heb in CSS de hoogte op 420px gezet voor allebei met (!important) eigenschaap.
ik heb in apk pagina de eerste afbeelding de hoogte geknipt in Photoshop en ik zie nog steeds dat de hoogte van elke afbeelding is anders terwijl het moet gelijk zijn. u moet maateenheid hebben om verschil te zien van bepaalde afbeeldingen.
hoe ik kan deze probleem oplossen . ik zie dat iedere afbeelding heeft verschillende ratio. dus zijn niet allemaal gelijk .
ik heb boven in de header de afbeeldingen hebben verschillende hoogte (resolutie) maar ik heb de hoogte voor iedere afbeelding op 750px gezet en er is geen enkele afwijking.
ik heb net bekijken van bekende auto dealer website.
ik zie daar ook de afbeeldingen zijn niet gelijk van de hoogte.
iedere afbeelding heeft andere resolutie en ratio.
misschien is dat niet haalbaar om alle afbeeldingen op hetzelfde hoogte te hebben.
wat denkt u ervan?
of het is mogelijk !
dank u wel
ik heb de fout gevonden.
ik moest op de afbeelding klas richten om de hoogte vast te stellen.
in mij geval is de klas img-fluid
hier is een voorbeeld :
<div class=" flex-container-home-page-section1">
<div class="home-page-section1-left-side">
<div class="home-page-section1-left-side-title"> Over Lorem ipsum XXX</div>
<div class="home-page-section1-left-side-tekst">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu</div>
<div class="home-page-section1-left-side-link ">Offerte Vragen</div>
</div>
<div class="home-page-section1-right-side"> <img class="img-fluid" src="https://webdesignleren.com/wp-content/uploads/2022/11/sport-auto-960-640-e1667994916741.jpg" alt="Responsive image"></div>
</div>
<div class="flex-container-home-page-section2">
<div class="home-page-section2-left-side"><img class="img-fluid" src="https://webdesignleren.com/wp-content/uploads/2022/11/sport-auto-920-555-e1668017852653.jpg" alt="Responsive image"></div>
<div class="home-page-section2-right-side">
<div class="home-page-section2-right-side-title"> Auto Garage in zzzzzzz</div>
<div class="home-page-section2-right-side-tekst">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu</div>
<div class="home-page-section2-right-side-link">Afspraak Maken</div>
</div>
</div>
dank u wel
Sowieso heb je altijd verschillende hoogtes als je images binnen dezelfde container stopt met verschillende breedte/hoogte ratio. Je kan dan altijd croppen, of ze minder breed maken als je echt een fixed hoogte wil.
dank u wel voor u advies.
