Accordion padding & border

**rnm3** · 21.01.2010, 18:20

Hallo!

Ich habe ein 'kleines' Problem mit dem Accordion (die Version im Core von TL 2.8 RC2, keine Erweiterung).

Und zwar bekomme ich im Quelltext das hier:

Code:

<div class="toggler"><h2 class="title">XYZ</h2></div>
<div class="accordion">INHALT INHALT INHALT</div>

... im Debugger (Safari oder Firebug) aber das hier:

Code:

<div class="toggler"><h2 class="title">XYZ</h2></div>
<div class="accordion" style="
  padding-top: 0px;
  border-top-style: none;
  border-top-width: initial;
  border-top-color: initial;
  padding-bottom: 0px;
  border-bottom-style: none;
  border-bottom-width: initial;
  border-bottom-color: initial;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 0px;">INHALT INHALT INHALT</div>

Das Problem dabei hängt für mich speziell an den Padding-Angaben. Da es 'inline' ist, überschreibt es natürlich jeden Versuch von mir, das über eine CSS-Datei zu gestalten. Daher frage ich mich nun, wo dieses Inline-Style herkommt und wie ich es wegbekomme? Geht das direkt über die mootools.js? Auch mit einer globalen Suche kann ich leider kein passendes Codeschnipsel finden, das diese Ausgabe erzeugen könnte.

Mit einem eingebetteten DIV und daran gehängten Padding als Workaround klappt's leider auch nicht. Es gibt zwar eine Datei /templates/ce_accordion.tpl, aber Änderungen darin zeigen leider keine Auswirkungen. Die Vermutung liegt natürlich nahe, dass es ein ganz anderes Template ist, aber welches?

Was könnte ich noch versuchen? Bin ich mit meinen Überlegungen komplett auf dem Holzweg? Kann mir jemand helfen? DANKEEE!

***Nina*** · 21.01.2010, 19:08

Ich habe mir jetzt die Sache mit dem Accordeon nicht angeschaut, aber ...

... Man kann Inline-CSS auch mit einem externen Stylesheet überschreiben. Dazu musst du die Angabe mit !important deklarieren.

Also z. B. inline: <div id="demo" style="padding: 0;">
Überschreibst du im externen Stylesheet mit: #demo { padding: 5px !important; }

Wenn du den Stylesheetgenerator von TL nutzt, musst du so eine Anweisung mit Important dann unten im Stylesheet bei "eigener Code" definieren.