Imageslider im Text

Hallo Community!

Meine ersten Schritte mit contao klappen ganz gut, aber mich reizt geade das, was ich nicht hinbekomme... ;)

Daher hier ein Problem:
Ich würde gern den imageslider als "Bild" vom Text umfließen lassen. Also im Prinzip das erreichen, was geschieht, wenn ich in einem normalen Textelement eines Artikels ein Bild hinzufüge und auswähle, dass es bespielsweise rechts oben im Text (von diesem umflossen) erscheint.
Leider konnte ich per CSS bisher nur den Erfolg erzielen, dass zwar der imageslider oben rechts erschein und der Text links davon beginnt, dann aber auch weiterhin nur auf der Breite bleibt, die er neben dem imageslider hat, also nicht unterhalb der sliders die gesamte breite der Spalte ausnutzt. (Versteht man, was ich meine?!)

Kann mir jemand weiterhelfen?
Gibt es eine Möglichkeit statt eines Bildes einfach einen imageslider als zusätzliches Element zu einem Textelement auszuwählen?

Danke schonmal,
puttfarken

Hallo,

also wenn du nur mit float und mit einer festen Höhe arbeitest, sollte der Text um das Element herumfließen. Wenn du einen Link hast, poste ihn doch einfach mal.

Leider habe ich die Seite mangels passendem Webspace noch nicht hochgeladen, aber villeicht hilft ja der Code?

HTML-Code:

---

<div id="main">
<div class="inside">

<div class="mod_article block" id="startseite">
<div class="ce_imageslider block">
<div class="mask1">
<div id="elements1">
               
<a  href="index.php/startseite.html"><img src="tl_files/bilder/start.jpg" alt="Startseite" /></a>               
<a  href="index.php/leistungen.html"><img src="tl_files/bilder/leistungen.jpg" alt="Leistungen" /></a>               
<a  href="index.php/zur-person.html"><img src="tl_files/bilder/zur_person.jpg" alt="zur Person" /></a>               
<a  href="index.php/referenzen.html"><img src="tl_files/bilder/referenzen.jpg" alt="Referenzen" /></a>               
<a  href="index.php/kontakt.html"><img src="tl_files/bilder/kontakt.jpg" alt="Kontakt" /></a></div>
</div>
</div>

<div class="ce_text block">

<h1>Willkommen!</h1>

<div class="image_container float_right" style="padding:10px; float:right;">
<img src="system/html/fotolia_25891017-37c74200.jpg" width="200" height="134" alt="" />
</div>

<p><strong>Herzlich willkommen auf der Webseite von Dieter Christoph!</strong></p>

<p>Hier finden Sie Informationen rund um mich und meine Dienstleistungen.</p>

<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

</div>

</div>
 
</div>
 

<div id="clear"></div>
</div>

</div>

---

Hier sieht man ja im Prinzip schon das Problem: Im <div class="ce_text block"> haben wir einen Extra-Container für das Bild um den die <p>-Elemente herumfließen. So weit so gut, so sollte es eigentlich auch für den slider sein.
Der ImageSlider liegt als weiteres Element leider außerhalb des <div class="ce_text block">. Wenn ich ihn nun float="right" setze springt zwar der <div class="ce_text block"> links daneben, was ja so auch sein soll, allerdings hält er natürlich bis unten die breite, die ihm noch bleibt neben dem Slider.
Die Lösung wäre nun, wenn ich einfach den <div class="ce_imageslider block"> in den <div class="ce_text block"> bekommen könnte, an die Stelle wo zur Zeit das Bild ist. Oder gibt es eine andere Lösung?

Vielen Dank,
puttfarken

Ok,

dann hätte ich eine Lösung für dich.

Dazu müsstest du aber auf die Slideshow2 wechseln da der Imageslider noch keine Insert-Tags unterstützt.

Dann könntest du den Text deines CE Text einfach die Slideshow als Insert-Tag einfügen.

Super, vielen Dank! Damit klappt genau das, was ich vor hatte!
Allerdings habe ich nun ein kleines Problem mit der Verlinkung der Bilder. Habe das Problem aber lieber im Thread zu Slideshow2 geschrieben.

Beste Grüße
puttfarken