Virusscanner tips?
Schrijfwijze style fout bij img tag
Code (php)
1
2
3
2
3
<a href="#" class="navbar-left">
<img src="http:\\www.harry-arends.nl/event_2018/images/logo-inverse.png" >
</a>
<img src="http:\\www.harry-arends.nl/event_2018/images/logo-inverse.png" >
</a>
Code (php)
1
2
3
2
3
.navbar-left.img {
height: 100%;
}
height: 100%;
}
Jan R op 19/08/2017 11:05:46:
Beste Jan,Een en ander in de CV lijkt me ook niet OK nationaliteit ongehuwd :)???
Vanwaar deze opmerking, heeft niets met de vraag te maken
Toevoeging op 19/08/2017 12:33:45:
Ben van Velzen op 18/08/2017 19:36:53:
Ben,Zou je niet eerst eens de URL correct in je img tag zetten voordat je verder knutselt? Daarnaast; moet het niet .navbar-left img (dus zonder de extra .) zijn?
Wat bedoel je met correcte URL?? en het verwijderen van de punt geeft geen verandering
Ben van Velzen op 19/08/2017 12:53:47:
Tuurlijkwel. Heb zo'n vermoeden dat het<img> element niet alles van CSS aan neemt. Ter test het volgende gebouwd:Zie je serieus het verschil tussen een / en een \ niet? :-)
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<body>
<div id="inhoud" >
<p>En deze is onderstreept</p>
<img src="http://www.harry-arends.nl/event_2018/images/logo-inverse.png" >
</div
</body>
<div id="inhoud" >
<p>En deze is onderstreept</p>
<img src="http://www.harry-arends.nl/event_2018/images/logo-inverse.png" >
</div
</body>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<head>
<title>Untitled</title>
<style>
#inhoud {
width: 50%;
color: red;
background-color: BurlyWood ;
border-radius: 25px;
}
#inhoud p {
color: #FF0000;
text-decoration: underline;
}
#inhoud img {
height:50%;
}
</style>
</head>
<title>Untitled</title>
<style>
#inhoud {
width: 50%;
color: red;
background-color: BurlyWood ;
border-radius: 25px;
}
#inhoud p {
color: #FF0000;
text-decoration: underline;
}
#inhoud img {
height:50%;
}
</style>
</head>
Gewijzigd op 19/08/2017 16:25:01 door Harry H Arends
Van de div waar die in staat.
En de height van de div is onbekend.
- SanThe - op 19/08/2017 16:31:04:
Img height:50% van wat?
Van de div waar die in staat.
En de height van de div is onbekend.
Van de div waar die in staat.
En de height van de div is onbekend.
de CSS van sommige elementen staan in
Code (php)
1
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
Code (php)
1
2
3
2
3
#inhoud img {
width:100%;
}
width:100%;
}
Programmeren, les 1: Een computer is een dom ding. Hij doet alleen datgene wat jij hem opdraagt te doen. Als hij iets anders doet dan wat jij wilt, dan komt dat doordat jij hem verkeerde opdrachten hebt gegeven. (Dit zijn bij benadering de woorden waarmee mijn studie software engineering begon.)
In dit geval kun je ervan uitgaan dat het img-element exact wordt gestyled zoals dat zou moeten. CSS is een taal met een zekere leercurve en de kans dat er iets gebeurt dat anders is dan je verwacht is best groot. Maar die afwijking is in principe altijd verklaarbaar.
Als ik uitga van de code die je om 16:24 hebt gepost, en in de CSS zet ik de height van #inhoud op 50px, dan wordt de image wel degelijk naar 25px hoogte geschaald. Als dat in de <nav> niet gebeurt, zal dat waarschijnlijk komen doordat er een fout in de CSS zit, of doordat de betreffende regel wordt overruled door een andere.
In dit geval is het vrijwel niet te doen om op basis van codefragmenten aan te wijzen waar precies de fout zit; vandaar dat SanThe vraagt om een link naar de betreffende pagina. Waarschijnlijk zal het dan vrij snel duidelijk zijn waar het probleem zit.
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:
Code (php)
1
2
3
4
2
3
4
.navbar-left img {
max-height: 100%;
max-width: 100%;
}
max-height: 100%;
max-width: 100%;
}
Zie ook: How do I auto-resize an image to fit a div container
Maar als je het logo 25px wilt hebben, waarom geef je dat dan niet direct op (ipv van 50% van 50px te willen krijgen)?