Hallo Ihr,
ist es möglich, Text um ein Bild via css ohne umfliessen darzustellen? Ich habe einige Icons und auch breitere Bilder und möchte den Text rechts davon plazieren. Wenn der Text länger als die Höhe des Bildes ist, würde er sich dann irgendwann linksbündig umschliessen. Mein Modul ist derzeit mit 2 Containern (Bild/text), wobei ich dabei starre Werte zugewiesen habe. Nun möchte ich dieses allgemein verwenden und die festen Werte variabel halten.
Danke für jede Information.
Grüsse Sandmaus
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/
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/
- Richard.Laing
- Beiträge: 2105
- Registriert: 28. Aug 2005, 00:55
- Wohnort: Brühl / Rheinland
- Kontaktdaten: Website
Re: Bild mit Text css
hi sollte doch so gehen...
css
im darauf folgenden tag dann noch ein clear setzen...
gruß richy
Code: Alles auswählen
<div class="box">
<div class="bild">Bild</div>
<div class="text">Text</div>
</div>
Code: Alles auswählen
#box { width:500px; float:left;}
#box .bild { float:left; width:200px;}
#box .text { float: right; width:300px;}
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Re: Bild mit Text css
Danke für Deine Info,
da es aber auch Bilder geben kann, welche nur 100 px breit sind, sind die Abstände dann mal breiter oder weniger breiter zum Text.
Ich mache es jetzt wohl anders
$breite container = 600px;
$abstand_bild_text = 20px;
Über das Media-Objekt hole ich mir die Breite des Bildes
<div class="box">
<div class="bild" style="width:<?php echo $breite_bild+$abstand_bild_text; ?>;">mein_bild</div>
<div class="text" style="width:<?php echo $breite container-$breite_bild-$abstand_bild_text; ?>;">mein_text</div>
</div>
css: container float:left;
da es aber auch Bilder geben kann, welche nur 100 px breit sind, sind die Abstände dann mal breiter oder weniger breiter zum Text.
Ich mache es jetzt wohl anders
$breite container = 600px;
$abstand_bild_text = 20px;
Über das Media-Objekt hole ich mir die Breite des Bildes
<div class="box">
<div class="bild" style="width:<?php echo $breite_bild+$abstand_bild_text; ?>;">mein_bild</div>
<div class="text" style="width:<?php echo $breite container-$breite_bild-$abstand_bild_text; ?>;">mein_text</div>
</div>
css: container float:left;