Guten Abend Forum,
ich habe ein Layout mit CSS und css_styled_content realisiert. Dabei hat der komplette Inhalt einen Rand (margin) von 5px. Hintergrund: Die Überschriften haben auf der linken Seite einen kleinen Balken und der "beginnt bei 0". Mein Problem ist nun, dass Bilder, die in den Text eingefügt werden, diesen Rand nicht beachten und somit aus dem normalen Textfluss auf der Seite hinausragen. Das sieht unschön aus und daher möchte ich das ändern. Leider weiß ich nicht so genau, wo ich drehen muss...
Der Quellcode an der betreffenden Stelle sieht so aus:
<!-- CONTENT ELEMENT, uid:83/textpic [begin] -->
<a id="c83"></a>
<!-- Header: [begin] -->
<div class="csc-header csc-header-n5"><h3>Überschrift</h3><br /></div>
<!-- Header: [end] -->
<!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-intext-right csc-textpic-equalheight"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:70px;"><dt><a href="index.php?[...]" target="thePicture"><img src="typo3temp/pics/254a7b69c9.jpg" width="70" height="50" border="0" alt="" /></a></dt><dd class="csc-textpic-caption"></dd></dl></div><div class="csc-textpic-text">
<!-- Text: [begin] -->
<p>bla bla bla</p>
<!-- Text: [end] -->
</div></div>
<!-- Image block: [end] -->
<!-- CONTENT ELEMENT, uid:83/textpic [end] -->
Wer hat für mich die rettende Idee und sagt mir, was ich in meine CSS einfügen muss, damit das Bild den Rand beachtet?
Vielen Dank schon mal und viele Grüße
Ralf