Artikeltext soll Bild umfließen

[kaptkuck]

Moinmoin,

ich möchte, dass ein Artikeltext das dazugehörige Artikelbild umfließt.
Ungefähr so:

<p style="width:55px; float:left;"><img width="300" height="20" border="0" src="upload/bildergalerie/01-bild1.jpg" /></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

Wo kann ich den css-Befehl fest einbauen, so das er zu jedem Artikelbild automatisch hinzugefügt wird?
Läuft das auch über den Styleeditor? Hab leider nichts gefunden.

Gruß
kaptnkuck

[i-fekt]

Was soll das sein? Ein 55px breites P mit einem 300px breiten Bild darin??

Schlauer wäre es, das Bild zu floaten, das P fliest drum herum und danach ein Clear.

Fest einbauen? Mach das doch über CSS.

[kaptkuck]

hi!

stimmt mit clear is besser.

<div style="float:left;">
<img width="55" height="55" border="0" src="upload/bildergalerie/01-bild1.jpg" />
</div><p>Das was rechts daneben steht...Das was rechts daneben steht...Das was rechts daneben steht... Das was rechts daneben steht... Das was rechts daneben steht...</p>
<p style="clear:left">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

Aber wo baue ich den css Befehl ein?!?

[i-fekt]

Dem umschliessenden Div gibst du eine Klasse und das Bild sprichst du in der CSS Datei an.

[kaptkuck]

thx erstmal!
hmm, wenn ich in einen Artikel ein Bild einfüge steht da zunächst ja gar kein style-Befehl für dieses Bild im Quelltext, sondern zb das:
<p><img width="300" height="225" border="0" src="upload/bildergalerie/01-bild1.jpg" />&nbsp; Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>

Wie bzw wo kann ich den einen style-Befehl einbauen der automatisch für jedes Bild, das ich in einen Artikel einfüge gilt?

[i-fekt]

Du scheinst einen der WYSIWYG Editoren zu benutzen, da kann ich nichts dazu sagen da ich die nicht verwende.

[kaptkuck]

moin,
das contenido cms soll von mehrern Leutchen genutzt werden, die alle keinen Fatz html können...

In welcher Datei steckt denn die SQL Abfrage für die Artikel?
Da müsste ich ja hinter den print oder echo Befehl den style-Befehl einbauen können?

[Beleuchtfix]

bau den class Befehl in das IMG Modul ein.
Viel Erfolg
Florian

[kaptkuck]

hi + thx für den Tipp, aber..

welches ist denn das IMG Modul? Ist das im news-Modul eingebaut?

[rezeptionist]

Erklär uns doch mal bitte wie du Bilder einfügst ???? Ich kann es aus deinem Thread hier nicht erkennen ob du ein Bildmodul oder das Bild in einem Text(Html) modul einbindest ! Wenn wir das wissen könne wir dir evtl gezielter helfen.

[kaptkuck]

Hi,
ich füge die Bilder über den Editor ein, obendrüber steht:
1. Text / HTML:
scheint sich also um ein Textmodul zu handeln.

[rezeptionist]

Da wird es dann etwas schwieriger 2 Möglichkeiten:

1. Wenn dein Editor geöffnet ist und du das bild eingefügt hast kannst du das Bild linksbündig setzen (Symbol wie in jedem Textprog) dann sollte der Text rechts vorbeifließen. Vorteil du bleibst Flexibel falls das bild mal nach rechts soll und der Text links.

2. Du gibst in deiner style_tiny.css (Style>>Styleeditor) folgenden Befehl

Code: Alles auswählen

img{float:left;}

Nachteil wann immer du ein Bild mit dem Editor einfügst ist das Bild links (immer!)

Jetzt hast du die wahl wobei ich sagen muss 2te möglichkeit ist nicht getestet aber sollte funktionieren.

[kaptkuck]

Danke! ich nehme natürlich Möglichkeit 1 und suche gleich mal nach 'nem Schraubenzieher um mir das Brett vorm Kopp abzumontieren...