ik heb een upload formulier gemaakt waarmee een profielfoto kan worden geupload.
Nou loop ik tegen iets geks op:
De afbeelding wordt geroteerd door css?
.specialist__box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
width: 100%;
background: #fff;
border-top: 2px solid #efefef;
border-right: 2px solid #fff;
border-bottom: 2px solid #efefef;
border-left: 2px solid #fff;
padding: 15px 20px 15px;
margin-bottom: 5px;
}
.profile__photo {
height: auto;
width: 35px;
margin-right: 10px
}
<div class="specialist__box">
<div>
<div>
<img src="/public/profileImgs/profile_1.jpg" class="profile__photo">
</div>
<div>
<strong class="specialist__name">Dennis</strong>
<small class="specialist__functions">7 functie(s)</small>
</div>
</div>
<div>
<strong class="specialist__region">12 regio’s</strong>
</div>
</div>
De foto wordt 90 graden naar links gedraaid :-/
Het heeft ook iets te maken met de formaat van de afbeelding denk ik, want een kleine afbeelding gaat goed, maar een grote, gewoon een foto die wordt geroteerd
heeft iemand enig idee?
