-> Ausrichtung in HTML -> Text RECHTS(!!) vom Bild ohne Table

[molily]

Hallo, Aquariophile

Mathias B. hat schon recht mit http://selfhtml.teamone.de/html/grafiken/ausrichten.htm. Äquivalent kannst du die CSS-Eigenschaft float http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#float benutzen - falls ich dein Problem richtig verstanden habe.

So stelle ich mir vor dass es auszusehen haette
(EIN Beispiel von vielen Möglichen)

==============================================
Hier ist das Bild von einer tollen
Banane  |---------------| und ich
zeige   |               | dieses Bild
nur her |               | weil es mir
so gut  |               | gefaellt.
Soweit  |---------------| nun also
alles klar wie eine Banane aussieht?

Das ist nicht so einfach möglich, zumindest noch nicht in CSS 2/2.1.
Man könnte es "hardcoden", der Text müsste fest um das Bild herum positioniert werden und würde nicht automatisch "fließen". Skalierbarkeit und Linearisierbarkeit der Layouttabelle wären verschenkt.

Angenommen der User kommt auf die Idee so einen "Mini-Smilie" in
den Text mit einzubauen:

In der naechsten Zeile kommt was interessantes.
Dies ist ein toller (".") smilie auf der seite
Und hier geht der Text ganz normal weiter

Da MUSS natürlich rechts vom Bild der Text normal
weitergehen als waere nix gewesen.

Und das eben bei einem Script wo man nie weiss was der user
in der Textarea angibt....

Unterbreite dem Nutzer, dass er eine Reihe von Emoticongrafiken durch andere Befehle als /\IMAGE:bla.gif/\ einbinden kann, bspw. :smile:, [grin] oder /\laugh/, oder wie immer deine Syntax ist

Falls du ermöglichen möchtest, dass man fremde Emoticons und kleine Grafiken einbinden möchte, könntest du die Größe des verlinkten Bildes prüfen, in PHP bspw. mit getimagesize() http://www.php.net/manual/de/function.getimagesize.php. Je nach Bildgröße könntest du das Bild dann ausrichten oder den Textfluss nicht unbeeinflusst lassen.

Oder du gibst unterschiedliche Befehle für rechts ausgerichtete und normal im Textfluss gelassene Grafiken an: /\image:bla.gif/\ für umflossene und /\simg:emoticon.gif/\ für Emoticons u.ä.

PS.: Für alle die sich nun fragen "Was will er nun eigentlich"

Ja, das habe ich mich auch gefragt. :)
Btw, schöne ASCII-Grafiken. :)

Grüße,
Mathias