Wie man BB-Codes [float=} zum nebeneinander anordnen benutzt
Verfasst: 08.01.2009 19:25
Das Umfließen von irgendwelchen Elementen scheint mir bei Foren mit Floats am besten ermöglicht zu werden. Weil es keine feste Positionierung gibt, "schwimmt" alles in Abhängigkeit von der gewählten Fenster- bzw. Threadbreite. Siehe dazu diesen Beitrag von mir in diesem Thread: Klick!
Mit dem im Basisbeitrag bereits veröffentlichten BB-Code [float-l=][/float-l] wird Text, Grafik oder Tabelle an den linken Rand ausgerichtet und entsprechend der Prozentangabe hinter dem Gleichheitszeichen = schmal gemacht. Andere nachfolgende Elemente (Text, Grafik oder Tabellen) fließen dadurch an diesem Objekt rechts vorbei; auch wenn diese keine Float-Elemente sind.
Ist aber rechts von diesem ersten Element bspw. ein weiteres links anliegendes Float-Element, und wenn dann rechts immer noch Platz frei ist, werden dadurch ggf. wiederum danach folgende Elemente rechts daneben positioniert. Wird das Fenster schmaler gemacht, sind alle Elemente nacheinander untereinander angeordnet, die zuvor nebeneinander waren.
Im Prinzip dasselbe ist es mit einem rechts anliegendem Float-Element. Dadurch befinden sich andere nachfolgende Elemente links neben diesem. Ist dieses bspw. auch ein rechts anliegendes Float-Element, werden ggf. weitere nachfolgende Elemente wiederum links von diesen beiden angeordnet, falls genügend Platz ist.
Siehe dazu diese Beispielseite für Anwendungsbeispielen von BB-Codes, wo in der Mitte der Webseite Text jeweils sowohl als links anliegendes und auch als rechts anliegendes Element dargestellt ist: Klick! Und auf dieser Beispielseite ist unten ein Beispiel, wie man den BB-Code 'stop' benutzt. In dem gezeigten Beispiel setzt er ein Stop an einer Stelle, wo Text an einem links anliegenden Float-Objekt vorbeifließt: Klick!
Übrigens sind die BB-Codes für Zweispaltigkeit auch Float-Elemente; nur dass man bei diesen die Breite nicht einstellen kann, und einem weiteren Unterschied. Es kann nämlich ggf. angebracht sein, am Ende eines Float-Objektes den BB-Code [stop] zu setzen, damit nicht die nächsten Textzeilen in eine durch das Float-Element entstehende Lücke ragen. Bei zweispaltigem Text mit BB-Codes für Zweispaltigkeit ist das aber nie nötig, weil bei diesem BB-Code bereits ein solches Stop am Ende der rechten Spalte enthalten ist.
Mit dem im Basisbeitrag bereits veröffentlichten BB-Code [float-l=][/float-l] wird Text, Grafik oder Tabelle an den linken Rand ausgerichtet und entsprechend der Prozentangabe hinter dem Gleichheitszeichen = schmal gemacht. Andere nachfolgende Elemente (Text, Grafik oder Tabellen) fließen dadurch an diesem Objekt rechts vorbei; auch wenn diese keine Float-Elemente sind.
Ist aber rechts von diesem ersten Element bspw. ein weiteres links anliegendes Float-Element, und wenn dann rechts immer noch Platz frei ist, werden dadurch ggf. wiederum danach folgende Elemente rechts daneben positioniert. Wird das Fenster schmaler gemacht, sind alle Elemente nacheinander untereinander angeordnet, die zuvor nebeneinander waren.
Im Prinzip dasselbe ist es mit einem rechts anliegendem Float-Element. Dadurch befinden sich andere nachfolgende Elemente links neben diesem. Ist dieses bspw. auch ein rechts anliegendes Float-Element, werden ggf. weitere nachfolgende Elemente wiederum links von diesen beiden angeordnet, falls genügend Platz ist.
Siehe dazu diese Beispielseite für Anwendungsbeispielen von BB-Codes, wo in der Mitte der Webseite Text jeweils sowohl als links anliegendes und auch als rechts anliegendes Element dargestellt ist: Klick! Und auf dieser Beispielseite ist unten ein Beispiel, wie man den BB-Code 'stop' benutzt. In dem gezeigten Beispiel setzt er ein Stop an einer Stelle, wo Text an einem links anliegenden Float-Objekt vorbeifließt: Klick!
Übrigens sind die BB-Codes für Zweispaltigkeit auch Float-Elemente; nur dass man bei diesen die Breite nicht einstellen kann, und einem weiteren Unterschied. Es kann nämlich ggf. angebracht sein, am Ende eines Float-Objektes den BB-Code [stop] zu setzen, damit nicht die nächsten Textzeilen in eine durch das Float-Element entstehende Lücke ragen. Bei zweispaltigem Text mit BB-Codes für Zweispaltigkeit ist das aber nie nötig, weil bei diesem BB-Code bereits ein solches Stop am Ende der rechten Spalte enthalten ist.