Ik heb een logo dat ik links in een div wil plaatsen. dit is de HTML code:
<a href="#" class="navbar-left">
<img src="http:\\www.harry-arends.nl/event_2018/images/logo-inverse.png" >
</a>
En dan in de css sectie
.navbar-left.img {
    height: 100%;
  }
Wat ik hiermee bereiken wil is dat het logo passend binnen navbar-left past.
Harry H Arends op 18/08/2017 19:33:41

Wat ik hiermee bereiken wil is dat het logo passend binnen navbar-left past.

Je kunt beter géén absolute of relatieve grootte opgeven, maar het schalen van de afbeelding naar de div overlaten aan de browser door uitsluitend de maxima op te geven:


.navbar-left img {
  max-height: 100%;
  max-width: 100%;
}


Zie ook: How do I auto-resize an image to fit a div container
- SanThe - op 19/08/2017 19:43:52

Geef eens een link.
Dit is de pagina waar het om gaat

Die <nav> heeft een min-height (minimale hoogte) van 50px. Dus die rekt gewoon mee met wat er in komt ...

Maar als je het logo 25px wilt hebben, waarom geef je dat dan niet direct op (ipv van 50% van 50px te willen krijgen)?

Reageren