Forum

Soweit ich weiß sollte das Theme fit sein. Dabei hat mir Spinne geholfen, glaub ich...

ka wo das her kommt,
stefan das siehst du bei mir aber ganz unten auf der seite in der html box auch *zeige alle Artikel*

liegt am OPN eigenen Stil den Inhalt zu platzieren.

Es werden beim Centerboxen erstellen Listen generiert

Dabei wird nun durch das theme css dem Layout gesagt, diese eigentlich unsichtbare Liste mit einem Listenbild darzustellen.

Ich vermute hier wird die Reihenfolge etwas durcheinander gekommen sein.

Muss man nur suchen wo ul > li formatiert wird und ul.split > li

letzeres muss dann attribut für no listimage bekommen und auch erst nach dem ersten im CSS platziert werden.

gruß
bdragon

Hi Scout,

ich habe mal Firefox und den DOM-Inspector angeworfen.

Folgendes habe ich festgestellt:
In dem li-Tag hat man vergessen die CSS-Klasse "split" hinzu zufügen.

Sonst nimmt der Browser die vorherige Definition von scout.css (nur li) und nicht wie gewünscht in der opn_themes_include.css die CSS-Klasse: li.split

Problem ist in deinem Fall dieser Code in der Centerbox:

<ul class="split">
<li style="width: auto;"> </li></ul>


Zu dem oben genannten li-Tag gehört noch, wie eben schon gesagt, die CSS-Klasse "split". Und das fehlt hier.

Dann habe ich nachgeforscht, dass die OPN-Klasse "driver_construct_output_mars.php" die Theme-Engine "Mars" daher nicht korrekt arbeitet.

Man muss das Problem in diesem Script lösen:
Quellcode: /class/engine/drivers/driver_construct_output_mars.php
Zeile: 70

Original Zeile:

echo '<li style="width: auto;">&nbsp;</li>';


Zu ersetzende Zeile:

echo '<li class="split" style="width: auto;">&nbsp;</li>';


Damit wäre das Problem dann gelöst.

Gruß

Sebastian

Freespacer schrieb am 28.11.2006 um 19:50:01 Uhr folgendes:

Folgendes habe ich festgestellt:
In dem li-Tag hat man vergessen die CSS-Klasse "split" hinzu zufügen.

...

Zu dem oben genannten li-Tag gehört noch, wie eben schon gesagt, die CSS-Klasse "split". Und das fehlt hier.

...

Man muss das Problem in diesem Script lösen:

öhm ich glaube nicht

opn geht massiv auf vererbung in der css, somit ist das eigentlich schon richtig, bdragon hatte das schon wenn auch sehr sehr kurz entsprechend gesagt

ul.split > li { ... }

fehlt da im jeweiligen css, ich hoffe bdragon ergänzt hier noch ein wenig

richtig, es nicht nötig jedem Kindelement die Klasse zu vergeben.

Das Vererbungsmodell ist das bessere Mittel zum Zweck.

Ich bräuchte um es genau zu sagen den jetzigen Code zu den beiden klassen.

Grad wenig zeit das zusammen zu suchen.

Wenn das so ist mit der CSS-Vererbung, dann ist es eigentlich ein großes Problem.

Denn erst wird /themes/opn_themes_include/opn_themes_include.css vom Browser geladen.
Dann wird das nachfolgende CSS-Datei /themes/scout/scout.css geladen.

Die StyleSheet für den Tag "li" überschreibt die Elemente in der opn_themes_include.css

Egal, was du jetzt für Elemente in der opn_themes_include.css noch an li-Tags einfügst, es wird von nachfolgende CSS-Datei auf jeden Fall überschrieben.

Es sei denn, man müsste in der "scout.css" den li-Tag das Element "list-style-image:url('images/default.gif');" entfernen. Was ist mit den anderen Elementen die diese Liste mit der Grafik benötigen???

Damit wäre das Problem nicht wirklich behoben.

Gruß

Sebastian

die include ist doch nur ein FallBack, wenn mal ein theme etwas nicht unterstützt.

sinnvoll bei eigenen themes ist das ausschalten in den themesettings und übernahme der Werte in das eigene Theme.

dort kann man nun relativ einfach solche Probleme erledigen.

wichtig bei solchen pauschalen Formatierungen eines HTML Elements ist halt die Kontrolle was passiert da.

li {list-style-image:url('images/default.gif');}

Der Browser interpretiert knallhart und auch richtig das alle Listenelemente mit dem Bild formatiert werden.

Um dem entgegen zu wirken an obiger Stelle muss nach der Auszeichnung dann halt erneut:

ul.split {list-style-image: none;]
im Theme.css ausgezeichnet werden.

bdragon schrieb am 28.11.2006 um 20:32:25 Uhr folgendes:

ul.split {list-style-image: none;]

öhm ich vermute eher

ul.split > li {list-style-image: none;}

also eins von beiden wirds sein

Auch die lade reinfolge ist genau richtig. Da man somit alles überschreiben kann in seinem css Wie gesagt vererbung.

richtig stefan

so ist das wenn man das mal eben macht