[gelöst] Wie kann man den Horizontalabstand zwischen einem Bild und dem Text definieren? (CKEditor, IMCE)
Eingetragen von albert39 (384)am 15.02.2011 - 18:45 Uhr in
Bei einer DP-Webseite verwende ich den CKEditor und IMCE. Ich möchte rechts von einem Bild, das ganz links platziert ist, einen Text herumfließen lassen. In der Funktion des Editors "Bild - Eigenschaften" kann ich zwar mit der Ausrichtung "links" den Text rechts herum fließen lassen, aber zwischen Text und Bild ist kein Abstand. (siehe Bild_Abstand_Text.jpg im Anhang). Im Code der Seite finde ich keine ID oder class, die auf dieses Bild verweist, sodass ich in der CSS nirgends ein padding einfügen kann, das nur auf der rechten Seite des Bildes wirkt. Wenn ich einen Rahmen einfüge, dann ist er dunkelgrau und ich kann die Farbe nicht auf weiß ändern.
Kennt jemand von Euch eine Lösung, wie ich rechts vom Bild (meinetwegen auch rund herum) einen Abstand definieren kann?
Danke für Eure Hilfe.
Albert
| Anhang | Größe |
|---|---|
| Bild_Abstand_Text.jpg | 94.15 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Bildabstand
am 16.02.2011 - 16:06 Uhr
Hallo Albert,
du kannst dir im CKEditor den html-Code anzeigen lassen und fügst z.B. so etwas ein:
<img src="..."style="margin: 0 10px 10px 0;" ... />Dies bewirkt einen erzwungenen Abstand vom Bild aus oben=0, rechts=10px, unten=10px, links=0.
Beim IMCE sollte auch eine Möglichkeit zur Angabe dieser Abstände vorhanden sein. Wenn du ein Bild höchlädst, kannst du in der zweiten Registerkarte(Appearance) in "style" einfach folgendes eingeben:
margin-right: 10px; margin-bottom: 10px;Wenn es dir wirklich egal ist, dass oben und unten, bzw. links und rechts Abstände gesetzt werden, füll einfach die Felder Vertical-space und Horizontal-space mit einem Wert..
Gruss und viel Glück
fh
___________________________________________________________________________
Wenn Frage beantwortet wurde, bitte [gelöst] in den Titeleintrag schreiben.
Bildabstand
am 17.02.2011 - 16:19 Uhr
Danke fh, das ist auch die naheliegende Lösung.
Ich habe inzwischen den kompilzierteren Weg gewählt: mit Photoshop für das Bild am rechten Rand einen weissen Streifen generiert.
mit herzlichen Grüßen
Albert