hallo liebe community ich bin html&css anfängerin (ganz neu hier) und habe bei meiner seite das problem, dass ich meine bilder nicht zentriert bekomme. hier mal mein html:
<div class="serie">
<section>
<p >Skatepark</p>
<img class="quer" src="pix/Lena_960x640.jpg">
</section>
<section>
<p>Anna</p>
<img class="hoch" src="pix/Anna_DSC05796_rgb_1_3.jpg">
<img class="hoch" src="pix/Anna_DSC05905_rgb_1_2.jpg">
<img class="hoch" src="pix/Anna_DSC05940_rgb_1_4.jpg">
</section>
</div>
Alles anzeigen
uuuund mein css:
.serie{width: 80%; position: relative;
margin: 0 auto 0 auto; }
.quer {height: 100%;
position: relative;
width: auto;
}
.hoch { width: 30%;
height: auto;
margin: 0 auto 0 auto;
}
Alles anzeigen
margin 0 auto 0 auto funktioniert einfach nicht und ich weiß nicht warum
ich kenn mich halt echt nicht so gut aus und weiß nicht was/ wo der fehler ist und eine weitere frage noch: ist das überhaupt logisch wie ich mein html aufgebaut habe? es geht eben und querformat bilder und hochformat und da dachte ich ich sprech die mal getrennt an damit ich die größen bestimmen kann.
freu mich schon auf eure antworten DANKE!