Hallo,
irgendwie komme ich grade mit den ganzen Styles, die Typo3 um die Bilder wrapt nicht zurecht.
Also, ich habe auf einer Seite 3 Inhaltselemente untereinander, jeweils Typ nur Bild.
Daraus ensteht folgender Ausgabe-Code:
<!-- CONTENT ELEMENT, uid:4/image [begin] --><a id="c4"></a><!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-left csc-textpic-below">
<div class="csc-textpic-imagewrap">
<dl class="csc-textpic-image csc-textpic-lastcol" style="WIDTH: 130px">
<dt><img height="130" alt="" src="Über uns2-Dateien/testbild_01.jpg" width="130" border="0" />
<dd class="csc-textpic-caption"></dd></dl></div></div>
<div class="csc-textpic-clear"><!-- --></div><!-- Image block: [end] -->
<br /> <br />
<!-- CONTENT ELEMENT, uid:4/image [end] -->
<!-- CONTENT ELEMENT, uid:26/image [begin] --><a id="c26"></a><!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-left csc-textpic-below">
<div class="csc-textpic-imagewrap">
<dl class="csc-textpic-image csc-textpic-lastcol" style="WIDTH: 130px">
<dt>
<img height="130" alt="" src="Über uns2-Dateien/testbild_01.jpg" width="130" border="0" />
<dd class="csc-textpic-caption"></dd></dl></div></div>
<div class="csc-textpic-clear"><!-- --></div><!-- Image block: [end] -->
<br /> <br />
<!-- CONTENT ELEMENT, uid:26/image [end] -->
<!-- CONTENT ELEMENT, uid:27/image [begin] --><a id="c27"></a><!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-left csc-textpic-below">
<div class="csc-textpic-imagewrap">
<dl class="csc-textpic-image csc-textpic-lastcol" style="WIDTH: 130px">
<dt><img height="130" alt="" src="Über uns2-Dateien/testbild_01.jpg" width="130" border="0" />
<dd class="csc-textpic-caption"></dd></dl></div></div>
<div class="csc-textpic-clear"><!-- --></div><!-- Image block: [end] -->
<br /> <br />
<!-- CONTENT ELEMENT, uid:27/image [end] -->
Ich würde jetzt sagen, alle 3 Bilder wurden gleich gewrapt!?
Jetzt versuche ich den Abstand der Bilder zu verändern und schreibe in meine css Datei:
.csc-textpic {
MARGIN-BOTTOM: 50px
}
Das verändert aber nur den Abstand zwischen Bild 2 und 3 (bzw. weiteren Bildern) - der Abstand zwischen Bild 1 und 2 bleibt unverändert.
Im Gegenteil, wenn ich den Wert auf 150px hochsetze wird der tatsächliche Abstand sogar kleiner, Wert auf 250px: der Abstand wird richtig angezeigt (aber eben nur ab Bild 2). Bild 1/2 bleibt immer gleich.
Ich wäre sehr dankbar, wenn mir jemand helfen könnte, ich welchen Styles ich was ändern muss um alle Abstände gleich zu verändern. Am liebsten würde ich die DIVs rausschmeißen und eigene benutzen.
Gruß
Flint