Martin_Online: nth-child (3n)

Beitrag lesen

Die alt-Texte sind eher sinnlos. Oder findest du sie für Screenreader-Nutzer hilfreich?

Natürlich sind die alt-Texte sinnlos, das gleiche gilt auch für die Bilder. Aber zum Entwickeln ist es doch ganz egal was dort steht.

Wenn du nur die img-Geschwisterelemente durchzählen lassen willst, ist img:nth-of-type() dein Freund.

Vielen Dank , jetzt hat es geklappt. Ich hätte da noch eine ganz andere Frage,  ich binde meine Bilder wie folgt ein

  
        <section class="small-features">  
            <h3>Small Features</h3>  
            <img src="http://placehold.it/292x263" alt="Werbung 1">  
            <img src="http://placehold.it/292x263" alt="Werbung 2">  
            <img src="http://placehold.it/292x263" alt="Werbung 3">  
            <img src="http://placehold.it/292x263" alt="Werbung 1">  
            <img src="http://placehold.it/292x263" alt="Werbung 2">  
            <img src="http://placehold.it/292x263" alt="Werbung 3">  
        </section>  

Ich dachte immer, ein Bild, kann ich über CSS Formatieren, also

  
section.small-features img {  
	width:auto;  
	height:auto;  
}  

Wenn ich dem Bild ein width:100% gebe, geht es über die ganze Spalte, warum? Das Bild hat eine Organalgröße von 292x263, wird aber auf 100% Box Breite ausgedehnt.

Ist das normal?