[sventb]

Hallo,

anscheinend habe ich nur dieses Problem (mit der Suche konnte ich keine ähnlich gelagerten Fälle finden:sad:

Ich lege ein Text mit Bild-Element an und lade 2 Bilder hoch, die unter dem Text liegen sollen.

Im Quelltext sieht das dann so aus:

<div class="csc-textpic-imagewrap" style="width:327px;"> <div class="csc-textpic-imagecolumn" style="width:163px;"> <dl class="csc-textpic-image csc-textpic-firstcol" style="width:163px;"> <dt><img src="uploads/pics/bild_klein.jpg" width="163" height="114" border="0" alt="" /></dt> <dd class="csc-textpic-caption"></dd> </dl> </div> <div class="csc-textpic-imagecolumn" style="width:164px;"> <dl class="csc-textpic-image csc-textpic-lastcol" style="width:163px;"> <dt><img src="uploads/pics/bild_klein2.jpg" width="163" height="114" border="0" alt="" /></dt> <dd class="csc-textpic-caption"></dd> </dl> </div>

Jetzt möchte ich einen Abstand zwischen den beiden Bildern, doch padding und margin haben keine Auswirkungen, da CSS Styled Content an verschiedenen Stellen die Breite der DIV-Boxen fest kodiert.

Kann ich die Vergabe von style="width:xxx" verhindern oder gibt es eine andere Möglichkeit?

Viele Grüße,
Sven

[Kurt51]

Zitat von sventb

Hallo,

anscheinend habe ich nur dieses Problem (mit der Suche konnte ich keine ähnlich gelagerten Fälle finden:sad:

Ich lege ein Text mit Bild-Element an und lade 2 Bilder hoch, die unter dem Text liegen sollen.

Im Quelltext sieht das dann so aus:

<div class="csc-textpic-imagewrap" style="width:327px;"> <div class="csc-textpic-imagecolumn" style="width:163px;"> <dl class="csc-textpic-image csc-textpic-firstcol" style="width:163px;"> <dt><img src="uploads/pics/bild_klein.jpg" width="163" height="114" border="0" alt="" /></dt> <dd class="csc-textpic-caption"></dd> </dl> </div> <div class="csc-textpic-imagecolumn" style="width:164px;"> <dl class="csc-textpic-image csc-textpic-lastcol" style="width:163px;"> <dt><img src="uploads/pics/bild_klein2.jpg" width="163" height="114" border="0" alt="" /></dt> <dd class="csc-textpic-caption"></dd> </dl> </div>

Jetzt möchte ich einen Abstand zwischen den beiden Bildern, doch padding und margin haben keine Auswirkungen, da CSS Styled Content an verschiedenen Stellen die Breite der DIV-Boxen fest kodiert.

Kann ich die Vergabe von style="width:xxx" verhindern oder gibt es eine andere Möglichkeit?

Viele Grüße,
Sven

Sven,
ich könnte mir vorstellen, dass es in CSS so geht:
Es sieht ja immer wie folgt aus:

<dl class="csc-textpic-image csc-textpic-firstcol....>
<dt><img src="uplo...

einfügen in Deiner CSS:
dl.csc-textpic-image dt img { margin-left: 25px; margin-right: 25px; }
oder
dl.csc-textpic-firstcol dt img { margin-right: 25px; }
und/oder
dl.csc-textpic-lastcol dt img { margin-left: 25px; }

[sventb]

Ne so gehts leider nicht.

Ich denke, ich muss auf jeden Fall die Breiten-Angaben in den Tags mit den Klassen csc-textpic-imagewrap und csc-textpic-imagecolumn wegbekommen.

Keine Ahnung wieso die da stehen - das ist meines Erachtens total sinnlos!?

[Kurt51]

Die Abstände zwischen den Bildern kannst Du doch im Typoscript-Object-Browser festlegen:

tt_content
...

[image]=COA
  [10]=< lib.stdheader
  [20]=IMGTEXT
    [1]
    [imgList]
    [textPos]
    [imgPath]=uploads/pics/
    [imgObjNum]=1
    [maxW]=600
    [maxWInText]=
    [equalH]
    [spaceBelowAbove]=0
    [image_compression]
    [image_effects]
    [noRows]
    [cols]
    [border]
    [caption]
    [captionSplit]=1
    [imageTextSplit]=0
    [borderCol]=black
    [borderThick]=2
    [colSpace]=10
    [rowSpace]=10
    [textMargin]=10

Ich dachte, es ging um den Abstand zwischen Bildunterkante und der Bildunterschrift (caption)!? - Sorry, da habe ich wohl auf einen falschen Beitrag geantwortet!?

[sventb]

Es ging um den Abstand der zwei Bilder zueinander. Der Wert "colspace" wird von CSS Styled Content beachtet, es gibt aber keine Auswirkungen.

Habe jetzt aber die richtige Anweisung/CSS-Klassen gefunden:

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-left: 20px;
}

Den Wert, den man als margin-left einträgt (20px) muss man auch im Typoscript-Object-Browser als "colspace" eingeben! Dies ist erforderlich wegen der Breitenangabe für den Tag mit der Klasse "csc-textpic-imagewrap".

Deshalb würde ich die Breitenangabe aus den DIV-Tags gerne komplett draußen haben...

[flamev]

mal eine indirekte Frage dazu: Wie finde ich heraus welche CSS-Klassen verwendet werden in Typo3 und wo finde ich die (zum abändern?)

Danke im Voraus!

[Kurt51]

mmh!? - Das weiß ich auch nicht.
Ich guck immer in den Sourcecode, welche Klassen Typo3 da gerade herangezogen hat. Ist ein wenig umständlich, wäre schon schön, wenn man etwas mehr an Doku finden könnte.
Vielleicht sollte man mal mit den Begrifflichkeiten in google suchen!?

[flamev]

Bin in einen anderem Foraum auf diesen Artikel gestoßen:
http://www.typo3forum.de/forum/list/...tent#pid185211

Wenn man die Anleitung erfolgt findet man auch unter "Setup" die Standard CSS Dateien