Autor Scout_GP
Datum 27.11.2006 12:54
Beiträge: Nach einem Update auf Trunk 181 habe ich, bei verschiedenen Modulen mit Centerboxen am Ende eine Leerzeile mit einem linksbündigen default.gif(vom Theme opn_default)?

Zu sehen dei den Grey Panthern im Forum. Jemand ne Idee woran das liegt und wie ich es weg bekomme?

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


Autor spinne
Datum 27.11.2006 13:38
Beiträge: das ist nicht nur beim default theme so das ist auch bei anderen themes, aber warum wieso weshalb kann ich dir auch nicht sagen

gruss tine


Autor Scout_GP
Datum 27.11.2006 14:00
Beiträge: Und wie bekomme ich das wieder wech.

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


Autor stefan
Datum 27.11.2006 14:34
Beiträge: auf labor (default theme) auch so?


Autor Scout_GP
Datum 27.11.2006 17:18
Beiträge: Hmm scheinbar nicht.
Aber Spinne ist das Problem wohl auch bekannt.

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


Autor stefan
Datum 27.11.2006 18:41
Beiträge: naja du hast da ja ne beitrag in dem du mit css / theme gespielt hast deshalb fragte ich ob es auch das default hat


Autor Scout_GP
Datum 28.11.2006 10:37
Beiträge: Normal sollte es daran nicht liegen.

Bin aber total überfragt.

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


Autor bdragon
Datum 28.11.2006 11:43
Beiträge: Wo ist das zu sehen?



Autor Scout_GP
Datum 28.11.2006 12:21
Beiträge: Da zwischen Laufschrift und Forum.
Und da ganz unten unter der centerbox vom Banner. Bei Kontakt & Gästebuch auch. Es betrifft immer nur Centerboxen.
Letzte Änderungen am Theme wurden so wie hier von Freespacer empfohlen gemacht. Das kann aber meiner Meinung nicht daran liegen, weil ich erst später das 142-181 Trunk Update eingespielt habe und auch erst dann die Zeilen auftauchten.

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


Autor stefan
Datum 28.11.2006 13:48
Beiträge: denn beachtet bzw evt? http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMgE5


Autor Scout_GP
Datum 28.11.2006 13:59
Beiträge: Soweit ich weiß sollte das Theme fit sein. Dabei hat mir Spinne geholfen, glaub ich...

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


Autor spinne
Datum 28.11.2006 17:24
Beiträge: 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*


Autor bdragon
Datum 28.11.2006 19:32
Beiträge: 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


Autor Freespacer
Datum 28.11.2006 19:50
Beiträge: 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


Autor stefan
Datum 28.11.2006 19:58
Beiträge: 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



Autor bdragon
Datum 28.11.2006 20:08
Beiträge: 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.


Autor Freespacer
Datum 28.11.2006 20:19
Beiträge: 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


Autor bdragon
Datum 28.11.2006 20:32
Beiträge: 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


Autor stefan
Datum 28.11.2006 20:43
Beiträge: 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.



Autor bdragon
Datum 28.11.2006 20:45
Beiträge: richtig stefan

so ist das wenn man das mal eben macht



Autor Freespacer
Datum 28.11.2006 21:22
Beiträge: Also, irgendwie komme ich da nicht wirklich bei dieser Denkweise mit.

Wenn doch in scout.css "li" wie folgt definiert wurde:
li {list-style-image:url('images/default.gif'); color:#660000; text-align:left; vertical-align:top; padding-bottom:5px; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif};

Dann erscheint überall, wo "li"-Tags gesetzt wurde, eine Liste mit einer Grafik vorne weg. (Und zwar zwingend)

Nach eurem Beispiel soll dann folgendes im scout.css gesetzt werden:
li {list-style-image:none; color:#660000; text-align:left; vertical-align:top; padding-bottom:5px; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif};

Dann kann ich doch eigentlich gleich das Element "list-style-image" ganz weglassen.

Aber das PROBLEM ist doch, wenn irgendwo in OPN eine Liste mit dieser Grafik benötigt wird, dann ist eure Lösung hinfällig. Es wird li {list-style-image:url('images/default.gif'); zwingend gebraucht.


Eine einfach und auch wirklich die richtige Lösung ist folgenden CSS-Code in die CSS-Datei scout.css zu setzen:
ul.split li { list-style-image:none; }

Diesmal dürft ihr mir ruhig glauben.

Gruß

Sebastian


Autor bdragon
Datum 28.11.2006 21:59
Beiträge: Freespacer schrieb am 28.11.2006 um 21:22:59 Uhr folgendes:

Also, irgendwie komme ich da nicht wirklich bei dieser Denkweise mit.



möglich, oder du denkst einen anderen Weg.

Freespacer schrieb am 28.11.2006 um 21:22:59 Uhr folgendes:

Wenn doch in scout.css "li" wie folgt definiert wurde:
li {list-style-image:url('images/default.gif'); color:#660000; text-align:left; vertical-align:top; padding-bottom:5px; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif};

Dann erscheint überall, wo "li"-Tags gesetzt wurde, eine Liste mit einer Grafik vorne weg. (Und zwar zwingend)



Korrekt!

Freespacer schrieb am 28.11.2006 um 21:22:59 Uhr folgendes:

Nach eurem Beispiel soll dann folgendes im scout.css gesetzt werden:
li {list-style-image:none; color:#660000; text-align:left; vertical-align:top; padding-bottom:5px; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif};



Falsch!

li {list-style-image:url('images/default.gif'); color:#660000; text-align:left; vertical-align:top; padding-bottom:5px; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif};
/*neue Zeile jetzt einfügen*/
ul.split li {list-style-image: none;}



Sollte das richtige machen.

Freespacer schrieb am 28.11.2006 um 21:22:59 Uhr folgendes:


Dann kann ich doch eigentlich gleich das Element "list-style-image" ganz weglassen.



Geschmacksache, das mag der Urheber/Nutzer des Themes bestimmen.

Freespacer schrieb am 28.11.2006 um 21:22:59 Uhr folgendes:


Aber das PROBLEM ist doch, wenn irgendwo in OPN eine Liste mit dieser Grafik benötigt wird, dann ist eure Lösung hinfällig. Es wird li {list-style-image:url('images/default.gif'); zwingend gebraucht.


Wenn Sorge getragen wird das neu eingefügte Zeile als letztes im CSS-Code liegt, gibt es keine Probleme.

Freespacer schrieb am 28.11.2006 um 21:22:59 Uhr folgendes:


Eine einfach und auch wirklich die richtige Lösung ist folgenden CSS-Code in die CSS-Datei scout.css zu setzen:
ul.split li { list-style-image:none; }

Diesmal dürft ihr mir ruhig glauben.

Gruß

Sebastian


Nichts gegen Glauben, es gibt immer mehrere Möglichkeiten. Es kommt nur darauf an was der Author erreichen will.

Ich finds aber gut das Du alle kritisch anschaust. Respekt dafür und weiter so.

Gruß
bdragon


B.D.R.A.G.O.N.: Biomechanical Digital Replicant Assembled for Galactic Observation and Nullification Offiziell infiziert! OPN Infiziert


Autor Freespacer
Datum 28.11.2006 22:25
Beiträge: bdragon schrieb am 28.11.2006 um 21:59:17 Uhr folgendes:

Nichts gegen Glauben, es gibt immer mehrere Möglichkeiten. Es kommt nur darauf an was der Author erreichen will.


Hast schon recht, aber in diesem Fall, dürfte die vorgeschlagene Lösung in diesem Thread dem Author Scout am Naheliegendste sein

bdragon schrieb am 28.11.2006 um 21:59:17 Uhr folgendes:

Ich finds aber gut das Du alle kritisch anschaust. Respekt dafür und weiter so.


Danke für die Blumen.

Gruß

Sebastian


Autor Scout_GP
Datum 29.11.2006 15:00
Beiträge: Schön, daß Ihr Euch einig seid, nur bin ich nicht ganz schlau geworden.
Was muß ich machen?

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


Autor stefan
Datum 29.11.2006 15:23
Beiträge: ul.split li { list-style-image:none; }

in dein theme css einbauen


Autor bdragon
Datum 29.11.2006 15:42
Beiträge: Und wer sonst noch Fragen hat zu Vererbung, kann hier ein wenig lesen:

http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMgE6


Autor Freespacer
Datum 29.11.2006 17:39
Beiträge: bdragon schrieb am 29.11.2006 um 15:42:27 Uhr folgendes:

Und wer sonst noch Fragen hat zu Vererbung, kann hier ein wenig lesen:

http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMgE6


Super, dass du zu CSS eine Erläuterung geschrieben hast. Kannst du noch zu der Lektüre diese Webseite CSS4You einbinden, dort kann man sehr gut zu den einzelnen Elementen (auch über Browserkompatiblität) nachschlagen und auch einige Tipps sind auch schon mit dabei. Kann ich nur empfehlen.

Gruß

Sebastian


Autor tanalahy
Datum 10.12.2006 15:20
Beiträge: Mit dem Vorschlag von Stefan

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

haue ich mir alle Listzeichen in Centerboxen weg. Wo soll da der Sinn sein!

VaoVaoWeb - die Faszination des Fremden

[ Diese Nachricht wurde bearbeitet von: tanalahy am 10.12.2006 15:45 (Originaldatum 10.12.2006 15:20) ]


Autor bdragon
Datum 10.12.2006 15:29
Beiträge: stefan schrieb am 29.11.2006 um 15:23:11 Uhr folgendes:

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

in dein theme css einbauen


B.D.R.A.G.O.N.: Biomechanical Digital Replicant Assembled for Galactic Observation and Nullification Offiziell infiziert! OPN Infiziert


Autor tanalahy
Datum 10.12.2006 15:52
Beiträge: Siehe mein obiges Posting!

VaoVaoWeb - die Faszination des Fremden




Diese Seite drucken
Diese Seite schließen

Dieser Artikel kommt von: OpenPHPNuke - das Open Source CMS

http://www.openphpnuke.info/