Responsive Images

Diese Seite demonstriert die Techniken mit responsive images

FH_Bingen_01-03-143.jpg

Bild links, Schrift rechts

Diese Konstruktion wird mit Hilfe eines FC-Elementes erstellt. So kann das Bild im Smartphone Modus auf 100% Breite umschalten und in der iPad-Version ein bisschen kleiner werden.

Bild rechts, Schrift links

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

FH_Bingen_01-03-9.jpg

Abgerundete Ecken

FH_Bingen_01-03-4.jpg

Abgerundet

FH_Bingen_01-03-9.jpg

Rahmen (Thumbnail)

FH_Bingen_03-03-27.jpg

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

g id="TH-Bingen_Icon_arrow_02">