[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
CSS Problem - Bild floaten mitten im Text - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
Livia
Beiträge: 91
Registriert: 16. Jul 2005, 20:30

CSS Problem - Bild floaten mitten im Text

28. Nov 2005, 10:42

Ich wusste nicht so recht, wo ich das jetzt reinposten soll und hab's drum hier reingesteckt 8)
Ich hab einen Text und möchte ein Bild darin per css positionieren:

Code: Alles auswählen

<html>
<head>
<style type="text/css">
img
{
float:right;
width:120px;
text-align:center;
margin-top: 100px;
margin-left: 20px;
}
</style>
</head>

<body>

<img src="logocss.gif" width="95" height="84" />
<p>
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>
</body>
</html>
Mit diesem Code ist das Bild zwar an der richtigen Stelle, aber ich will, dass der Text das Bild komplett umfliesst - also auch oben... :?
Wie erreiche ich das? :?
Hab mit position:relative und top:xpx schon rumgespielt, aber das haut nicht hin :( und auch das Bild in ein div stecken funzt nicht so, wie ich es möchte....
Das, worauf es ankommt, können wir nicht vorausberechnen.
Die schönste Freude erlebt man immer da, wo man sie am wenigsten erwartet.

Antoine de Saint - Exupéry

Benutzeravatar
jdlx
Beiträge: 2615
Registriert: 29. Sep 2005, 10:50
Wohnort: Hamburg
Kontaktdaten: Website

Re: CSS Problem - Bild floaten mitten im Text

28. Nov 2005, 13:23

Moin,
Livia hat geschrieben:

Code: Alles auswählen

{
float:right;
...

<img src="logocss.gif" width="95" height="84" />
<p>
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
....
This is some text. This is some text. This is some text.
</p>
Mit diesem Code ist das Bild zwar an der richtigen Stelle, aber ich will, dass der Text das Bild komplett umfliesst - also auch oben... :?
Wie erreiche ich das? :?.
Wenn der Text das Bild umfließen soll, dann muß das Bild innerhalb des Texts gesetzt sein.. mit deiner Konstruktion setzt du durch das float: Bild und Text lediglich auf eine Zeile.

Ich benutze für floatende Bilder mit Bildunterschrift im Fließtext folgende Konstruktion: p span img br (Bildunterschrift) /span /p , wobei das span gefloatet ist mit entsprechenden margins zum Text, und Textformatierung der Bildunterschrift ausgezeichnet ist..

ansonsten: http://de.selfhtml.org/html/grafiken/ausrichten.htm#css

Wenn ich das anmerken darf: Die Frage gehört nicht wirklich ins Redaxo Forum.. reine CSS/HTML Fragen kannst du u.a. in [url]news:de.comm.infosystems.www.authoring.misc[/url] beantwortet kriegen.

HTH,
Jan

Livia
Beiträge: 91
Registriert: 16. Jul 2005, 20:30

Re: CSS Problem - Bild floaten mitten im Text

28. Nov 2005, 13:53

jeandeluxe hat geschrieben:Die Frage gehört nicht wirklich ins Redaxo Forum..
Ja ich weiss - aber ich an einer Redaxo-Seite bastle und hier aufm Forum auch CSS-technisch immer super geholfen wurde, hab ich's doch hier reingesetzt :oops: sorry....
jeandeluxe hat geschrieben: [url]news:de.comm.infosystems.www.authoring.misc[/url] beantwortet kriegen.
Wo??

Ich möchte das Bild und den Text über ein Rexado Modul in meine Artikel reinfliessen lassen - dass man angeben kann, wieviel von oben und möglichst, wieviel von links/rechts das Bild stehen soll....
Das, worauf es ankommt, können wir nicht vorausberechnen.
Die schönste Freude erlebt man immer da, wo man sie am wenigsten erwartet.

Antoine de Saint - Exupéry

Benutzeravatar
jdlx
Beiträge: 2615
Registriert: 29. Sep 2005, 10:50
Wohnort: Hamburg
Kontaktdaten: Website

Re: CSS Problem - Bild floaten mitten im Text

28. Nov 2005, 17:15

Livia hat geschrieben:
jeandeluxe hat geschrieben: news:de.comm.infosystems.www.authoring.misc
Wo??
Ernst gemeint die Frage? puh.. google doch einfach mal nach dem Begriff "usenet".
Livia hat geschrieben:Ich möchte das Bild und den Text über ein Rexado Modul in meine Artikel reinfliessen lassen - dass man angeben kann, wieviel von oben und möglichst, wieviel von links/rechts das Bild stehen soll....
Der elegante Weg wäre tinyMCE so umzustricken das es einem eine solche Konstruktion ( span img br (Bildunterschrift) /span ) per dragndrop an die gewollte Stelle setzen läßt. Hab schon oft drüber nachgedacht es anzugehen, aber bisher keinen Nerv für gehabt..
Ein anderer Weg ist einfach in der Moduleingabe ein Feld für den Text bis zum Bild und eines ab dem Bild anzulegen. Das "Verschieben" des Bildes erfolgt dann etwas umständlich in dem man Textanfänge/enden von einer textarea in die andere schiebt..

Falls jemand hier mitliest und ne gute Idee zu dem Thema hat bitte her damit!

greets,
Jan

Benutzeravatar
Thomas.Blum
Entwickler
Beiträge: 5063
Registriert: 24. Aug 2004, 22:11
Wohnort: Dresden
Kontaktdaten: Website

Re: CSS Problem - Bild floaten mitten im Text

28. Nov 2005, 18:16

Hej,
jeandeluxe hat geschrieben:Falls jemand hier mitliest und ne gute Idee zu dem Thema hat bitte her damit!
kurz nochmal gefragt, was soll genau erreicht werden? soll das bild wie eine inselanzeige im texterscheinen oder links bzw. rechts ausgerichtet. der text soll oben und unten um das bild fliessen? noch etwas was man wissen müsste?

vg Thomas

Benutzeravatar
jdlx
Beiträge: 2615
Registriert: 29. Sep 2005, 10:50
Wohnort: Hamburg
Kontaktdaten: Website

Re: CSS Problem - Bild floaten mitten im Text

28. Nov 2005, 19:03

tbaddade hat geschrieben: soll das bild wie eine inselanzeige im texterscheinen oder links bzw. rechts ausgerichtet. der text soll oben und unten um das bild fliessen? noch etwas was man wissen müsste?
Moin Thomas,

also ein mitten im Textfluß floatendes Bild, Beispiel:
http://piemont-pur.de/turin.html

Konstruktion:

Code: Alles auswählen

<p> ..... der Kunst und Kultur. 
  <span class="imgboxleft">
  <img src="piemont/torino_panorama1_2.jpg"><br>
  Der Alpenhauptkamm im Norden Turins</span>
Umgeben
von den Gipfeln der Alpen ...</p>
Ich denk sowas (evtl. ohne BU) schwebt auch der op vor..

Ich hab tiny, nachdem ich bischen rumprobiert hatte und den code gesehn hab, erstmal links liegen lassen.. etwas unständlich und ohne D'nD würde ich das spontan so lösen wollen, daß ich ein Modul bau, welches für den Text bis und ab der Bildbox je ein eigenes Textfeld hätte.. umständlich halt.

greets,
Jan

ps.: wollt dich grad über ICQ dahingehend anquatschen.. nur falls du dich wunderst wer "erbschaftssteuer" is.. ;-)

Livia
Beiträge: 91
Registriert: 16. Jul 2005, 20:30

22. Jan 2006, 16:15

Ein etwas spätes frohes neues Jahr und sorry, dass ich mich nicht mehr gemeldet hatte :oops:
Ja - genau soetwas hatte ich gemeint:
jeandeluxe hat geschrieben:also ein mitten im Textfluß floatendes Bild, Beispiel:
http://piemont-pur.de/turin.html
.. und am besten halt so, dass man sagen kann x pixel von links/rechts und x pixel von oben/unten möchte man das ganze haben und er ordnet es automatisch im Text richtig an und fliesst den Text drumherum...
Bildunterschrift (BU?) wär auch super :)
.. auch wenn ich mich vielleicht jetzt als Dumpfbacke oute... was ist tiny und MCE und D'nD????
Das, worauf es ankommt, können wir nicht vorausberechnen.
Die schönste Freude erlebt man immer da, wo man sie am wenigsten erwartet.

Antoine de Saint - Exupéry

Zurück zu „Sonstiges“