Mein Problem: Ich habe eine Reihe von Abbildung untereinander linksbündig. Dazu immer rechts davon entsprechenden Text. Da die Texte teilweise kürzer ausfallen als die Abb., würde ich sonst mit <br /> soweit auffüllen bis das nächste Bild kommt. Das Funktioniert leider nicht.
... und das ist auch gut so!
In Word lernt man, dass man Tabellen nicht mit Hilfe der Leertaste anlegen sollte: Buchstaben haben in Proportionalschriften unterschiedliche Breiten, die sich nicht durch Leerschritte ausgleichen lassen. Die Lösung liegt in der Verwendung von Tabulatoren oder Tabellen.
Beim Webdesign ist es ähnlich: Die Laufweite von Schriften (und damit der vom Browser erzeugte Zeilenumbruch!) kann von Betriebssystem zu Betriebssystem anders ausfallen. Was dann auf Deinem Rechner durch Aufreihung von <br />-Tags ganz manierlich aussieht, passt auf einem anderen Rechner ganz und gar nicht.
Zitat
Ich habe jetzt schon folgendes gemacht:
<span style="color: #ffffff;">.</span>
<span style="color: #ffffff;">.</span>
Aber das kann's ja wohl nicht sein :???:
... auch bekannt als "ostfriesische Nationalflagge": weißer Punkt auf weißem Hintergrund ...
Beim Einbinden von Fotos in einen WordPress-Artikel kann man angeben, ob das Bild links- oder rechtsbündig eingebunden werden soll. Das Bild erhält dann die Klasse "alignleft" oder "alignright". Diese Klassen sollten im Stylesheet angelegt sein:
alignleft{float: left;}
alignright{float:right}
Damit werden die Bilder dann entsprechend links- oder rechtsbündig gesetzt und vom Text umflossen. Idealerweise wird in der Loop noch unterhalb des Artikels das "floaten" aufgehoben mit einem
<div style="clear:both;"></div>
Bei dieser Lösung kann es jedoch unschön aussehen, dass längere Texte unterhalb des Bildes fortgeführt werden. Abhilfe schafft ...
#content p{position: realitive; padding-left: 200px; clear: both;}
#content img {position: absolute; left:0; width: 180px;}
wobei diese Lösung Bilder dann grundsätzlich links auswirft und Texte grundsätzlich einrückt.
Ein Workaround für gelegentliche Lösungen wäre die Arbeit mit Tabellen, in denen man in die linke Spalte das Bild und in die rechte Spalte den Text setzt. Die Abmessungen der Tabelle werden auch wieder im Stylesheet festgelegt.
Eine weitere, flexible Lösung bieten Post_Thumbnails. Durch Abfrage, ob ein Artikel überhaupt ein Artikelbild hat, wird der Artikel dann mit der einen oder anderen Klasse ausgegeben, was eine individuelle Gestaltung ermöglicht. Wie Post_Thumnails verwendet werden, wurde im Forum bereits mehrfach behandelt.
