Float left

Jakob

Hallo zusammen,

also ich möchte meine Bilder mit Text umfliessen. Ich habe mal ein wenig im Forum gesucht und bin soweit auch fündig geworden. Ich hab mir folgenden Code geschrieben:

Code

.imgLeft {
  float: left;
  margin: 5px 10px 0 0;
  }

Beim posten setze ich dann ein >>class="imgLeft"<< mit in den Tag. Nur werde ich jetzt den ein oder anderen Autor "einstellen" und würde das nun gerne anders lösen. Ich kann den Tag doch sicherlich irgendwo abändern, so dass die Autoren den Schnipsel nicht jedesmal selbst eintippen müssen (das geht nie und nimmer gut).

Ich hab WP 1.5 mit verhunztem Default Template

Gruss,
Jakob

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

suedkind

du könntest das als quickbutton definieren trage folgendes in die /wp-includes/quicktags.js ein:

Code

edButtons[edButtons.length] = new edButton('ed_pic_drop_shadow'
                                          ,'pic drop shadow'
                                          ,'<div class="imgLeft">'
                                          ,'</div>'
                                          ,'p'
                                          );

Jakob

Super, vielen Dank. Ich war zwar anfangs etwas verdutzt, weil die quicktags.js sich im wp-admin ordner, nicht im wp-includes Ordner befindet, aber hab sie ja dann doch gefunden.

Gruss,
Jakob

optikus

Hallo, hab dazu ne' Frage. Was muss dabei eingeklammert werden, damit der Text um das Bild fließt?

Danke.

suedkind

Zitat

Was muss dabei eingeklammert werden, damit der Text um das Bild fließt?

das bild

optikus

Ja, hab ich mir auch gedacht. Hat aber leider nicht funktioniert, jedenfalls so wie ich es gemacht habe:

Code

...aufhin beschloss Lamborghini, seinem Widersacher das Gegenteil zu beweisen. <div class="imgLeft">[img]http://www.87thscale.info/images/Miber%20Lamborghini%20Countach.jpg[/img]</div>


Bereits 1964 wurden die ersten Exemplare des legendären Modells 350 GTV hergestellt. Die Leistung des 12-Zylinders übertraf...

Mit dieser Lösung sieht es genauso aus, als hätte ich den Umfließ-Code nicht angewendet. Das Bild das ich verwende ist auch nicht zu groß.

Danke.

suedkind

ohne link geht gar nichts, mit link vielleicht

so kann man nur raten und vermuten, dass du die klasse des divs nicht im css angelegt hast

Monika

ein div -so merk auch ich es mir-
eröffnet eine neue Zeile--
ein span - bleibt in der Zeile

<span style="float:left; margin:10px;">die adresse deines Bildes</span> neuer Text

dann musst Du nichts ins css reinschreiben

lg
Monika

optikus

Sorry, aber bei dieser Variante wird auf der Seite nur die Bildadresse angezeigt. Muss ich zu deinem Code noch etwas hinzufügen bzw. einklammern?

danke vielmals!

Monika

<span style="float:left; margin:10px;">[Blockierte Grafik: http://www.denedomain.de/images/wei%C3%9Fnichtwas.jpg]</span> neuer Text

Bilder werden immer mit <img scr="...." alt=" .." /img>
eingefügt

lg
Monika

pichfl

Zitat von Monika

Bilder werden immer mit <img scr="...." alt=" .." /img>
eingefügt

Sry, aber das ist definitiv falsch

ein Bild wird eingefügt mit

Code

[img]pfad/dateiname.end[/img]

Monika

:oops:
Danke für die Korrektur

in der Schnelle- grade vbulletin tags bearbeitet hatte ..... :roll:

sorry
Monika

optikus

Sorry, aber wenn ichs genau nach deiner Anweisung mach', also den folgenden Code verwende:

Code

beträgt durchschnittlich 157 Zentimeter, die der Weibchen dagegen 168 Zentimeter.


[b]Sonstige Merkmale[/b]
<span style="float:right; margin:10px;">[img]http://www.zgap.de/bilder/phil-uhu.jpg[/img]</span>
Aufgrund der plustrigen Befiederung wirkt der [i]Uhu[/i] ziemlich massig. Der Kopf erscheint groß und rund und hat

Dann erscheint kein Bild. Weiß auch nicht was ich da falsch mache....

danke.

pichfl

schon folgendes probiert?

beträgt durchschnittlich 157 Zentimeter, die der Weibchen dagegen 168 Zentimeter.

Code

[b]Sonstige Merkmale[/b]


[img]http://www.zgap.de/bilder/phil-uhu.jpg[/img]
Aufgrund der plustrigen Befiederung wirkt der [i]Uhu[/i] ziemlich massig. Der Kopf erscheint groß und rund und hat...
<br style="clear:both" />

?

optikus

Funktioniert. Sehr gut. Und wenn ich jetzt nochmal dreist fragen darf: wie packe ich das in einen Button?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Float left

Jetzt mitmachen!