Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Hallo,

in mehreren meiner Boards habe ich das gleiche Ergebnis.

Der Text soll rechts neben der Grafik mit Abstand von x vorbei laufen. Es wird aber kein Abstand zwischen Grafik und Text erzeugt. Der hierfür zusätzlich eingebaute Forencode funktioniert nur teilweise.

Sollte laut Selfhtml funktionieren.

Ist das ein Fehler von meiner Seite oder kann die Forensoftware noch nicht damit umgehen?

Danke schon mal für Antworten

probiere es einmal mit CSS:

ersetze: [left]       ...   [/left]
mit      <img src="   ...   " align="left" style="padding:20px;">

Zitat von Fabian

---

probiere es einmal mit CSS:

1
2

ersetze: [left]       ...   [/left]
mit      <img src="   ...   " align="left" style="padding:20px;">

---

Fabian, Dein Tip hat funktioniert. Jetzt sieht es richtig gut aus.

Superdanke.


Ich habe es nur noch ein wenig den eigenen Bedürfnissen angepasst:

[left] = <img src="
[/left] = "align="left" style="padding-right:10px; padding-top:3px;">

Danke nochmal

ich habe das für den Text umfliessend so gelöst:

Der Code:


Ergebnis:


Damit kann ich den Bild Tag komplett markieren und einschließen und die Ansicht ist wie auf Bild 2.

Genauso dazu mit float:right -> links umfliessend

Grüße
Achim

An sich sehr praktisch, jedoch würde ich allen dazu Raten CSS-Classen zu benutzen, oder wenigstens die kurzschreibform der Style-Angaben im HTML :)

Sprich:

<div class="fl tximg"> ... </div>

Vorteil: kurz, übersichtlich alles in der CSS, dynamisch einsetzbar
Nachteil: -

Oder:

<div style="float:left; padding:10px 10px 10px 0px;"> ... </div>

Vorteil: kurz
Nachteil: ungleichmäßig, statisch


PS: Bei derartigen verschachtelten Boxen sollte unbedingt auf das Clear geachtet werden!!!
PPS: Dies ist im Übrigen keine W3C-Konforme Anwendung der CSS-Deklarationen, da ein gefloatetes Element eine Breite benötigt!

Danke Vitalis,

ich habe mir dafür nun in der CSS über die Ergänzung die class .fl_tximg und .fr_tximg für rechts und links erstellt und das funktioniert wunderbar. Ich hatte da schon mal so was gemacht, aber wohl irgendwie eine Klops reingehauen...

Viele Grüße

Achim

Zitat von Fabian

---

probiere es einmal mit CSS:

1
2

ersetze: [left]       ...   [/left]
mit      <img src="   ...   " align="left" style="padding:20px;">

---

Kurze Anmerkung dazu:

Als Administrator sollte man bei solchen Konstrukten vorsichtig sein, da es bösen Usern ermöglichen kann
Javascript-code einzuschleusen. Zwar nicht genau in diesem Beispiel, aber wenn da z.B. <img onclick=" ...
stehen würde (- statt <img src=" ...) dann wäre es möglich.

Dann braucht man als User nur noch ein kleines javascript: einfügen ( z.B. javascript:alert('hallo'); ) und die Lücke ist offen :)

Im Adminbereich werden beim speichern der forumcodes einige "Gefahren" abgefangen, jedoch kann man nicht alles abfangen.
Daher sollte man als Administrator mit solchem html generell vorsichtig sein.

Zitat von Vitalis

---

An sich sehr praktisch, jedoch würde ich allen dazu Raten CSS-Classen zu benutzen, oder wenigstens die kurzschreibform der Style-Angaben im HTML :)
Sprich:

1
2
3

<div class="fl tximg"> ... </div>

Vorteil: kurz, übersichtlich alles in der CSS, dynamisch einsetzbar
Nachteil: -

---

Ich habe mir diesem Code vom Gast mal abgekupfert und funktioniert bestens.
@vitalis: wie würde denn Deine Insiderinfo <div class="fl tximg"> ... </div>"für mich als Normalo korrekt geschrieben aussehen, damit ich es als Ersatz für :

ersetze: [left] ... [/left]
mit <img src=" ... " align="left" style="padding:20px;">

austauschen könnte?

Gruß ... Frank

easy going :)

Admin -> Einstellungen -> Codes/Smilies: (Screenshot #2 - #3)


Admin -> Farben & Einstellungen -> CSS, HTML & Co: (Screenshot #1)

.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }

.fl.tximg { padding:0px 10px 10px 0px; }
.fr.tximg { padding:0px 0px 10px 10px; }

PS: hier merkt man im Screenshot, welche Wörter nicht im deutschen Wörterbuch stehen ^^'


Admin -> Einstellungen -> Symbol-Bar:
Hier nur noch den entsprechend passenden Code zusammenbauen. Wichtig dabei ist, dass Sie beim einfügen im Endeffekt folgenden Code sehen müssten, welcher umgewandelt wird:

[box_img_links]
[img] Bildadresse [/img]
[/box]
[p] Text [/p]
[box_clear]

Zitat von Vitalis

---

Hier nur noch den entsprechend passenden Code zusammenbauen. Wichtig dabei ist, dass Sie beim einfügen im Endeffekt folgenden Code sehen müssten, welcher umgewandelt wird:

1
2
3
4
5
6

[box_img_links]
[img] Bildadresse [/img]
[/box]
[p] Text [/p]
[box_clear]

---

Hallo vitalis,

Vielen Dank. Bis jetzt hab ich alles soweit in mein Testboard 1:1 übernehmen können. War ja auch dank Deiner Anleitung nicht schwer.

Nur mit der Symbol-Bar habe ich noch keine Erfahrung, wo wie was eingetragen werden muß. Will sagen, ich kann den Code schon lesen, zu 80 % verstehen, die 20% fehlen mir aber um hier kein Mist zu bauen.

Gruß ... Frank

Schreib hier einfach den Code, welchen du dir gedacht hast, der passen würde.
Anschließend kann man ja immer noch verbessern.

Hallo Vitalis,

...hat es zuvor mit der alten Variante
[left] = <img src="
[/left] = "align="left" style="padding-right:10px; padding-top:3px;">

funktioniert, bekomme ich nun mit Deinen Codes folgendes Ergebnis (siehe Bild).

Gruß ... Frank

Hallo Frank,

ich weiß gar nicht ob das so sinnvoll ist, die ganzen Codes so in die Symbolbar zu packen, weil du dann auch wieder unter Zugzwang stehst sie deinen Usern zu erklären.
Das gelingt dann meistens nur bedingt, weil es einfach nicht alle verstehen, aber dennoch die niedlichen kleinen Bildchen ausporbieren wollen, und du korrigierst dann an den Texten rum.

Ich werde das mal meinen Vielschreibern per PN geben mit Anleitung und wenn dann mal jemand nachfragt wie es geht vielelicht.
Ich verwende die nur in erster Linie für mich. Damit lassen sich Berichte richtig schön formatieren - siehe Anhang

Grüße Achim

lol, failed

Sorry hatte in den Screenshots ernsthaft alles genau verkehrt in den Inputfeldern zu den Forencodes....
Werde gleich die Codes verbessern.

Stimmt, die erweiterte Symbolbar ist ja nicht nur für mich sichtbar. Insofern lieber per pedes den Code einfügen.

Trotzdem scheint es mit Vitalis´s Variante nicht zu funzeln, auch wenn ich den Teil mit der Symbolbar einfach mal außen vor lasse.

Hat sich bis jetzt nur verschlimmbessert.