Forum

Moderiert von: spinne
Forum Index
Templates / Themes
     CSS und HTML
     Leerzeile mit default.gif
Hilfe anzeigen
Hilfe anzeigen

Seite 1 2 3 vorherige Seite nächste Seite 


Autor Druckerfreundliche DarstellungLeerzeile mit default.gif
Scout_GP

Registriert: 16.06.2005
Beiträge: 1054
Wohnort: Berlin


Sende eine Private Nachricht an Scout_GP Besuche die Homepage von Scout_GP
Geschrieben: 28.11.2006 13:59

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



Gruß Scout
+++ Last.fm | Scoutweb +++

Zitieren Druckerfreundliche Darstellung nach oben
spinne
Registriert: 21.08.2003
Wohnort: Luzern


Sende eine Private Nachricht an spinne Besuche die Homepage von spinne
Geschrieben: 28.11.2006 17:24

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*


Zitieren Druckerfreundliche Darstellung nach oben
bdragon
Registriert: 02.12.2001
Beiträge: 570
Wohnort: Kaarst


Sende eine Private Nachricht an bdragon
ICQ
Geschrieben: 28.11.2006 19:32

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


Zitieren Druckerfreundliche Darstellung nach oben
Freespacer

Registriert: 03.10.2006
Beiträge: 205
Wohnort: Essen


Sende eine Private Nachricht an Freespacer
Geschrieben: 28.11.2006 19:50

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


Zitieren Druckerfreundliche Darstellung nach oben
stefan
Beiträge: 2435
Wohnort: Münster


Sende eine Private Nachricht an stefan
ICQ
Geschrieben: 28.11.2006 19:58

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



Zitieren Druckerfreundliche Darstellung nach oben
bdragon
Registriert: 02.12.2001
Beiträge: 570
Wohnort: Kaarst


Sende eine Private Nachricht an bdragon
ICQ
Geschrieben: 28.11.2006 20:08

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.


Zitieren Druckerfreundliche Darstellung nach oben
Freespacer

Registriert: 03.10.2006
Beiträge: 205
Wohnort: Essen


Sende eine Private Nachricht an Freespacer
Geschrieben: 28.11.2006 20:19

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


Zitieren Druckerfreundliche Darstellung nach oben
bdragon
Registriert: 02.12.2001
Beiträge: 570
Wohnort: Kaarst


Sende eine Private Nachricht an bdragon
ICQ
Geschrieben: 28.11.2006 20:32

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.



B.D.R.A.G.O.N.: Biomechanical Digital Replicant Assembled for Galactic Observation and Nullification

Offiziell infiziert!
OPN Infiziert

Zitieren Druckerfreundliche Darstellung nach oben
stefan
Beiträge: 2435
Wohnort: Münster


Sende eine Private Nachricht an stefan
ICQ
Geschrieben: 28.11.2006 20:43

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.



Zitieren Druckerfreundliche Darstellung nach oben
bdragon
Registriert: 02.12.2001
Beiträge: 570
Wohnort: Kaarst


Sende eine Private Nachricht an bdragon
ICQ
Geschrieben: 28.11.2006 20:45

richtig stefan

so ist das wenn man das mal eben macht



Zitieren Druckerfreundliche Darstellung nach oben
sortieren nach
Seite 1 2 3 vorherige Seite nächste Seite 

Hilfe anzeigen
Hilfe anzeigen
Vorheriges Thema:  Navigationsleiste
Nächstes Thema:  opn_color mouse over

Gehe zu:

Benutzername:
 
Sicherheits-Code
Sicherheits-Code
Neu laden