Markierung: Bildausrichtung

Durch luigiazzurro

Willkommen bei der Bildausrichtung! Der beste Weg, das Auf und Ab der verschiedenen Bildpositionierungsoptionen zu demonstrieren, besteht darin, sie kuschelig in einen Ozean von Wörtern zu schmiegen. Schnapp dir ein Paddel und los geht’s.

Platzhalter-02

Das Bild oben ist zufälligzentriert.

Platzhalter-03Der Rest dieses Absatzes ist Füllmaterial, um zu sehen, wie der Text um die 150 herumfließt×150 Bild, welches ist linksbündig.

Wie Sie sehen können, sollte oben etwas Platz sein, unter, und rechts neben dem Bild. Der Text sollte nicht über das Bild kriechen. Kriechen ist einfach nicht richtig. Auch Bilder brauchen Raum zum Atmen. Lassen Sie sie sprechen wie Sie Worte. Lassen Sie sie ihre Arbeit ohne Probleme mit dem Text erledigen. In ungefähr einem weiteren Satz hier, Wir werden sehen, dass sich der Text in einem nahtlosen Übergang von der rechten Seite des Bildes nach unten unter das Bild bewegt. Wieder, lassen Sie es tun. Mission erfüllt!

Und jetzt für ein massiv großes Bild. Es hat auch keine Ausrichtung.

Platzhalter-04

Das Bild oben, obwohl 1200px breit, sollte den Inhaltsbereich nicht überfüllen. Es sollte ohne sichtbare Unterbrechung des Inhaltsflusses enthalten bleiben.

Platzhalter-05Und jetzt werden wir die Dinge auf die verschieben rechts ausrichten. Wieder, oben sollte genug platz sein, unter, und links vom Bild. Schau ihn dir dort an… Hey Junge! Weg, diese rechte Seite zu rocken. Es ist mir egal, was das linksbündige Bild sagt, du siehst super aus. Lassen Sie sich von niemandem etwas anderes sagen.

Nur kurz hier, Sie sollten sehen, dass der Text unterhalb des rechts ausgerichteten Bildes umgebrochen wird und sich gut einfügt. Es sollte noch viel Platz sein und alles sollte schön sitzen. Ja… Genau so. Es hat sich noch nie so gut angefühlt, Recht zu haben.

Bilder mit Bildunterschriften

Und gerade als du dachtest, wir wären fertig, Wir werden sie noch einmal mit Bildunterschriften machen!

Sehen Sie sich 580 x 300 an, um etwas Untertitelliebe zu bekommen.

Siehe 580×300 etwas bekommen Untertitel Liebe.

Das Bild oben ist zufälligzentriert. Die Bildunterschrift enthält auch einen Link, nur um zu sehen, ob es etwas funky macht.

Knappe Bildunterschrift.

Knappe Bildunterschrift.

Der Rest dieses Absatzes ist Füllmaterial, um zu sehen, wie der Text um die 150 herumfließt×150 Bild, welches ist linksbündig

Wie Sie sehen können, sollte oben etwas Platz sein, unter, und rechts neben dem Bild. Der Text sollte nicht über das Bild kriechen. Kriechen ist einfach nicht richtig. Auch Bilder brauchen Raum zum Atmen. Lassen Sie sie sprechen wie Sie Worte. Lassen Sie sie ihre Arbeit ohne Probleme mit dem Text erledigen. In ungefähr einem weiteren Satz hier, Wir werden sehen, dass sich der Text in einem nahtlosen Übergang von der rechten Seite des Bildes nach unten unter das Bild bewegt. Wieder, lassen Sie es tun. Mission erfüllt!

Und das ist ein Wrap, du! Du hast die turbulenten Gewässer der Ausrichtung überstanden. Bildausrichtungserfolg freigeschaltet!