[Merlin732]

Hallo,

ich nutze TYPO3 Version 4.0 und habe ein Problem bei der Darstellung.
Wenn ich ein Bild verwende und diesem Bild eine Bildunterschrift hinzufüge, dann ist eine Lücke (<br> hinter dem <div>-Block des Bildes) zwischen den beiden Elementen. Dies würde ich gern ändern, allerdings habe ich bis jetzt keine Lösung gefunden, wie man diesen Leerraum beseitigt.

Bsp:

<tr> <td valign="top"> <div class="picture"> <a href="index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2FFo007_-_Hvg_Komponenten2_05.png&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23FFFFFF%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=b4041151480dd7b024c10b1fd4b3b34b"    onclick="openPic('http://www.ha-cc.org/index.php?eID=tx_cms_showpic&file=uploads%2Fpics%2FFo007_-_Hvg_Komponenten2_05.png&width=800m&height=600m&bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23FFFFFF%3B%22%3E&wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&md5=b4041151480dd7b024c10b1fd4b3b34b','thePicture','width=800,height=212,status=0,menubar=0'); return false;" target="thePicture"> <img src="typo3temp/pics/2a872287d6.png" alt="Komponenten eines hochverfügbaren Systems = Application Security, Logical fault protection, Infrastructure reliability, Hardware availability" title="Komponenten eines hochverfügbaren Systems = Application Security, Logical fault protection, Infrastructure reliability, Hardware availability" align="top" border="0" height="112" width="420"> </a> </div> <br> </td> </tr> <tr> <td colspan="1" align="center"> <div style="text-align: center;"> <p class="csc-caption"> </p> <p class="bilduntertitel">
          Zur vergrößerten Darstellung anklicken
      </p> <p> </p> </div> </td> </tr>

Weiß jemand Rat?
Also wie bekomme ich den Text direkt unter das Bild ... ohne Abstand?

[david]

Hallo Merlin732,

Dein Quelltext läßt darauf schließen, daß Du noch Layouttabellen verwendest.
Bevor Du Dir Gedanken machst, wie Du die StdWrap eigenschaften aufheben kannst, empfehle ich eine ein CSS-Layout umzusetzen (Also ohne Tabellen).
Die ursprüngliche Extension css_styled_imgtext wurde in den neusten Versionen von CSS_styled_content integriert und muss deshalb nicht extra installiert werden. Wenn Du das statische Template CSS_Styled_Content verwendest, sollten also Bilder ohne umgebende Tabellen generiert werden.
Falls Du mit dieser Beschreibung nicht zurechtkommst, poste einmal Deinen Setup-Code und sieh nach, ob Du unter "statische Templates" CSS_Styled_Content eingebunden hast.

[Merlin732]

hallo david,

danke für die schnelle Antwort.

CSS_styled_content ist eingebunden, aber das erklärt mir nicht wie das <br>-Tag an diese Stelle kommt :P

[david]

Hallo Merlin,
vermutlich kannst Du mit

 tt_content.image.20.caption.1.br = 0

das "<br>" wegbekommen. Untersuche einfach mal den Quelltext, wenn Du das eingetragen hast in das Setup von Deinem TS-Template.
Du kannst in Deinem TypoScript Object Browser mal untersuchen, wo das steht und auch einmal andere Eigenschafte ändern um die Auswirkungen zu beobachten.
(Bitte dokumentiere alle Änderungen, damit Du es wieder rückgängig machen kannst !!!)

[Merlin732]

hallo,

im Object Browser ist br = 0 ... ändern tut sich aber leider nichts. D.h. das <br> bleibt unter dem Bild.

[Kurt51]

Genau dieselbe Thematik habe ich vor ein paar Wochen auch zig-mal nicht nur hier ins Forum gestellt.
Antworten waren denen hier identisch, trotzdem - gebracht hat es nichts!?
Dieses dämliche <br /> ist immer noch da und somit der Abstand auch!?

css_styled_content habe ich eingebunden

tt_content.image.20.caption.1.br = 0

ist auch gesetzt
Mit css_styled_imagetext habe ich probiert, die hat andere Macken, ich glaube bei mehreren Bildern war da irgendwas --> hab's wieder rausgeschmissen!?

Das nervt, muss man ehrlich sagen.

Ich hatte mal eine Version, die statt mit Tabellen mit <dd>... gearbeitet hat, plötzlich war die weg und ich weiss nicht warum!? :sad:

[Kurt51]

Endlich habe ich dei Bildunterschrift halbwegs vernünftig unter die Bilder bekommen, trotz dieses dämlichen <br />!

Im CSS habe ich folgenden Eintrag gemacht:

*.csc-caption 
{ 
   font-size: ...;
   font-style: ...;
   line-height: 16px;
   vertical-align: bottom;
}
table.imgtext-table td { font-size: 1px; }

Die Font-größe von nur 1 Pixel macht den Zeilenvorschub zwischen Bild und Caption ganz schmal!