Matthias Apsel: 5 bilder nebeneinander für jede Bildschirmbreite

Beitrag lesen

Om nah hoo pez nyeetz, Experiance!

Ich möchte gerne 5 Bilder nebeneinander anordnen. Direkt unter den Bildern soll je ein Text (eingerahmt) mit einem Link stehen.

Auf dem Smartphone werden diese Bilder aufgrund der Größe dann untereinander angezeigt. Auf kleineren Bildschirmen kann es auch vorkommen, dass ein oder zwei Bilder in die nächste Zeile hüpfen.

Wie kann ich diesen Fehler beheben ohne ein Handheld zu gestalten???

Ich würde sagen, das ist kein Fehler.

Zunächst: Verwende semantisch passende Elemente, in deinem Fall figure und figcaption.

Wenn du tatsächlich möchtest, dass die Bilder ggf. bis zur Unkenntlichkeit verkleinert werden oder nur noch ein Ausschnitt zu sehen ist, verwende folgendes CSS.

figure {  
  [link:http://wiki.selfhtml.org/wiki/Box-sizing@title=box-sizing: border-box];  
  margin: 0;  
  width: [link:http://wiki.selfhtml.org/wiki/CSS/Wertetypen/Zahlen,_Ma%C3%9Fe_und_Ma%C3%9Feinheiten#Relative_L.C3.A4ngenma.C3.9Fe@title=20vw];  
}

die Bilder bekommen eine maximale Breite von 100%.

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Spanne und Spannenergie.