Textausrichtung mittels bb-codes

D

Discoverer

Mitglied
Halli Hallo,

wie kann ich mit bb-code den Text links bzw. rechtsbündig um ein Bild darstellen lassen?
Momentan sieht das noch so aus: Klick

Dort wo jetzt z.b. "Barde" steht und dessen Icon abgebildet ist, soll der erste Satz rechts neben dem Bild dargestellt werden.

Habe es mit html und bb-code probiert, aber offenbar noch nicht den richtigen Befehl dafür gefunden.

Wer ist so freundlich und schreibt mir den erforderlichen code mal hin, den ich brauche um rechts bzw. links neben einem Bild Text darstellen zu lassen?

Danke für Eure Mithilfe!
 
hallo maniac. danke für deine antwort, nur leider kann ich damit nichts anfangen.

ok, es ist soweit. ich oute mich jetzt: ich habe von php zwar schon ein bisschen ahnung, aber offenbar nicht allzu viel ;) (jetzt ist es raus)

ich habe folgenden text:
Code: 
Barde
[ IMG]http://www.sternenheer.eu/bilder/klassen/barde.png[ /IMG]
Der Barde kann mit seiner Musik und seinen Geschichten die Gefährten in der Schlacht unterstützen oder seine Feinde in Angst und Schrecken versetzen.

wie bekomme ich das also mit dem ccs:float hin? muss ich neben mein bild [css:float] schreiben und am ende des textes dann [/css:float] oder muss da noch ein left oder right dazu?

büdde helft mir ;)
 
also entweder funktioniert die html sprache bei mir nicht oder ich stell mich wirklich etwas prasslig an.

habe jetzt folgendes geschrieben:

PHP: 
Barde
<h1 style="width:400px; float:left">[ IMG]http://www.sternenheer.eu/bilder/klassen/barde.png[ /IMG]
Der Barde kann mit seiner Musik und seinen Geschichten die Gefährten in der Schlacht unterstützen oder seine Feinde in Angst und Schrecken versetzen.</h1>

sieht jetzt so komisch aus: Klick (scrollen bis zum barden bitte)

may you give me more help please?
 
Die Klassen in Herr der Ringe Online hat gesagt.:
HTML: 
&lt;h1 style="width:400px; float:left"&gt;....&lt;/h1&gt;
Zum Vergrößern anklicken....

Ergo: Ersetze die Entities &lt; und &gt; durch < und >.

Da der Text das <img>-Element links- oder rechtsseitig umfließen soll, ist die float-Eigenschaft aber nicht auf das <h1>-Element, sondern auf das <img>-Element anzuwenden - siehe Grafiken ausrichten mit CSS.
 
Zuletzt bearbeitet:
Danke für Deine Hilfe spicelab, auch wenn ich offenbar das Ziel noch nicht erreicht habe ;)

Habe folgendes eingegeben:

PHP: 
<p>
<img src="http://www.sternenheer.eu/bilder/klassen/barde.png" width="80" height="80" style="vertical-align:text-top" alt="Barde">Der Barde kann mit seiner Musik und seinen Geschichten die Gefährten in der Schlacht unterstützen oder seine Feinde in Angst und Schrecken versetzen.
</p>

das einzige was er jetzt macht, ist den text genauso stehen zu lassen (mit code) wie ich ihn gerade hier oben hingeschrieben habe: siehe hier (Text fett markiert)
 
Wohl den falschen Beispiel-Code kopiert, denn wir waren bei "float" :D

HTML: 
<h2>
  <img src="..." width="..." height="..." style="float:left; ..." alt="..."> ...
</h2>
 
danke für deine geduld spicelab. die wird auch noch weiter strapaziert ;)

PHP: 
<h2>
  <img src="http://www.sternenheer.eu/bilder/klassen/barde.png" width="80" height="80" style="float:left" alt="barde">Der Barde kann mit seiner Musik und seinen Geschichten die Gefährten in der Schlacht unterstützen oder seine Feinde in Angst und Schrecken versetzen.
</h2>

geht immer noch nicht, siehe hier

sorry, irgendwann bekommen wir das sicher hin :p
 
Dein Editor in dem du den Code eingibst scheint die HTML-Tags zu codieren. Der Code ansich ist richtig.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück