Zum Inhalt springen

Page Teaser (jp_pageteaser)....dringende CSS-Frage

Erstellt am 9. August 2006 · 1 Antwort · letzte Antwort am 9. August 2006

Tags: HTML & CSS, Frage

Bengah ·

Hallo Gemeinde,

ich hab den Page Teaser (jp_pageteaser) installiert. Funktioniert super, aber ich hab noch ein kleines CSS-Problem.

Ich bekomme immer einen Abstand zwischen der Überschrift und dem Text.

Der html-Quellcode sieht wie folgt aus

<td width="407"><h1><div class="tx-jppageteaser-pi1-headline">Hier steht die Überschrift</div></h1></td>
  </tr>
</table>
<table width="408" height="19" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="80" height="19" valign="top"><div align="left" style="padding-left:10px"><img src="typo3temp/pics/3f7da052eb.jpg" width="75" height="48" border="0" class="tx-jppageteaser-pi1-image" alt="" title="" /></div></td>
    <td width="245" valign="top"><div align="left"><div class="tx-jppageteaser-pi1-text"><p><p>Hier steht der Teaset-Text</p></p></div> »<a href="index.php?id=126&tx_jppageteaser_pi1[backId]=111" target="_self">Lesen Sie mehr</a></div></td>
  </tr>
</table>

Der Abstand scheint anscheinend durch

div class="tx-jppageteaser-pi1-text" zu enstehen.

Wie in gottesnamen kann ich diese Div Klasse formatieren, bzw. diese Ummantelung ausschalten?

Hab schon die komplette Extension durgeschaut und es nicht gefunden bzw. nicht lesen können o.O weil meine PHP-Kenntnisse nicht soooo gut sind.

Vielleicht kann mir jemand bei meinem Problem helfen.

Besten Dank

Bengah 8-)

steffenk ·

naja, bei dem Source käm ich als Browser auch ins Schwitzen ...

table - div - div - p - p - ... was übrigens verboten ist (p in p)

Da der Pageteaser mit HTML-Template arbeite, solltest Du erstmal die überflüssigen div's und p's rausschmeissen, der Rest ist dann CSS, z.B.

.tx-jppageteaser-pi1-text {margin:0;padding:0;}