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

[Aquariophile]

Hallo!

Ein extrem kniffeliges Prob haette ich,
und bin mir nicht sicher ob man es lösen kann.

Der Seiten-Admin hat die rechte via HTML Oberflaeche
seine Seiten zu verwalten.

Der kann aber keine TAG's eingeben,
sondern nur in der Textarea text eingeben,
und da soll es unter anderen die moeglichkeit geben,
Bilder einzufuegen.

Soll dann so aussehen mit /\IMAGE:bla.gif/\

==============================================
Hier ist das Bild von einer tollen
Banane /\IMAGE:bla.gif/\ und ich zeige dieses Bild
nur her weil es mir so gut gefaellt.
Soweit nun also alles klar wie
eine Banane aussieht?

...das mag ja leicht in TAG's umzusetzen sein,
jedoch schaut das dann in HTML so aus:

Die 4-eckigen Dinger sollen die Bilder darstellen(!!!!)

=============================================
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 das absolut schrecklich aussiht ist auch klar.
Leider entfält(!!) die Möglichkeit <TABLE> Tags zu verwenden,
weil man ja nie vorher wissen kann wieviele <TD> man braucht und das
ändert sich ja auch immer jenach anzahl der Bilder.

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?

oder noch besser so:

==============================================
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?

Diese Variante ginge auch noch irgendwie,
ist aber schon wieder ein Problem bei dem Ein-Zeilen-hohen-Smilie (siehe unten!)

Wie kann man das verwirklichen OHNE <TABLE> bitte??

Wie gesagt geht der TABLE leider ned weil ja die Bilder stets
an den unmoeglichsten stellen im Text sein koennen.

Aber noch ein wichtges:
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

Das komische Klammer-Ding das kleine soll ein EIN-ZEILEN hohes Smilie-Bild
darstellen!

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....

Danke für Hilfe bzw. fürs Lesen!
Aquariphile

PS.: Für alle die sich nun fragen "Was will er nun eigentlich"
     Ich brauch einen Tag der sowas macht,
     was in "Windows Word" bei den Grafiken der Punkt
     "Textausrichtung -> KEINE" ist
     Ich hoffe den Menüpunkt nannte ich richtig
     Also es soll halt auch rechts vom Bild normal
     der Text dann immer weiterlaufen.

Daaaaaankeee! ;o)
Aquariophile

[Mathias Bigge]

Hi Aqua,

langes Dingen, habe nicht wirklich darüber nachgedacht, aber vielleicht geht's irgendiwe mit align?

Viele Grüße
Mattes

[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