Thema: CSS eines Moduls überschreiben

Ist es also doch so, dass das Modul-CSS NACH meinem Template-CSS geladen wird?

Ich denke, ja. Dein jdoc-Aufruf, mit dem du diesen Modul einbindest, kommt ja erst während der Programmausführung. PHP ist ein interpreter, kein compiler.
Aber da möchte ich mich nicht zu weit aus dem Fenster lehnen.

Zitat von oldlady

Ich denke, ja.

Nein, wenn es korrekt mit der API in den Head eingebunden wird, kommt es vorher. Aber wenn man natürlich nicht vorhandene Ids formatiert, kann sich auch nichts ändern.

Dein jdoc-Aufruf, mit dem du diesen Modul einbindest, kommt ja erst während der Programmausführung.

Das hat damit nichts zu tun. Das CSS wirkt sich erst im Browser aus, und der sieht nur die komplette Seite, nicht die Reihenfolge, in der sie zusammengesetzt wurde.

PHP ist ein interpreter, kein compiler.

Wieder mal: Jein. PHP wird zwar compiliert, aber nicht wie bei anderen Compilern einmal für immer, sondern jedesmal zur Laufzeit. Es ist also ein Compiler, der nach außen wie ein Interpreter arbeitet

Zitat von Joomla-Hilfe

Nein, wenn es korrekt mit der API in den Head eingebunden wird, kommt es vorher. Aber wenn man natürlich nicht vorhandene Ids formatiert, kann sich auch nichts ändern....

Ich habe dieses #test doch nur als Beispiel angeführt. In Wirklichkeit habe ich natürlich schon die richtige ID verwendet:

Code:

#jflanguageselection
{
    float: right;
    margin: 15px 0px 10px 5px;
}

Habe ich in meinem basemod.css überschrieben mit (zum Testen):

Code:

#jflanguageselection
{
    float: left;
    margin: 5px 4px 10px 5px;
}

Aber das sieht man auch in meinem angehängten Screenshot (14:32), dass ich nicht #test verwendet habe.

Und sonderbarerweise wird basemod.css, wo mein überschreibender Style drinsteht, doch NACH dem modul-CSS aufgerufen, wie ich im Netzwerkmonitor von Firebug feststellen konnte.

Firebug-Netzwerkansicht:

Zitat von franc

Habe ich in meinem basemod.css überschrieben mit (zum Testen):

Code:

#jflanguageselection
{
    float: left;
    margin: 5px 4px 10px 5px;
}

Aber das sieht man auch in meinem angehängten Screenshot (14:32), dass ich nicht #test verwendet habe.

Schreib bei deiner Definition noch ein !important hinzu. Beispiel:

Code:

margin: 5px 4px 10px 5px !important;

Das löst schon das Problem!

Gruß

Zitat von Joomla-Hilfe

... Das CSS wirkt sich erst im Browser aus, und der sieht nur die komplette Seite, nicht die Reihenfolge, in der sie zusammengesetzt wurde...

Aber in welcher Reihenfolge setzt der Browser denn das dann zusammen?
Ist es denn nun Zufall, welche CSS-Regel genommen wird, wenn die selbe Regel in zwei verschiedenen Dateien steht? Das kann es doch wohl nicht sein.

Zitat von franc

Aber in welcher Reihenfolge setzt der Browser denn das dann zusammen?

Die Definition, die später kommt, überschreibt frühere. Deshalb sollen die Template-CSS im Head hinter <jdoc:include type="head" /> stehen, damit dort Definitionen aus Erweiterungs-CSS überschrieben werden können. Beispiel:

Code:

#jflanguageselection {
...
}

in deiner template.css überschreibt die entsprechende Definition in der Modul-CSS.

Durch mehrfaches Überschreiben wird aber die Darstellung im Browser nicht schneller. In deinem Beispiel in http://www.joomlaportal.de/joomla-er...ml#post1130881 wird #jflanguageselection aus basemod.css bereits durch dieselbe Definition in mod_jflanguageselection.css überschrieben. Wenn du es jetzt noch einmal in deiner template.css überschreibst, muß der Browser zwei Definitionen völlig sinnlos einlesen und wieder verwerfen. Deshalb wäre es besser, in einem Override nur die mod_jflanguageselection.css in deinem Template laden zu lassen und die anderen Definitionen gar nicht erst zu machen. Aber das geht eben nur, wenn die Funktion zum Laden des Stylesheets auch in der View des Moduls steht.

Ich hab gerade keinen Joomfish da, um nachzusehen, wie es dort gemacht ist, aber z.B. in der Phoca Gallery werden die CSS in der view.html.php eingebunden, und die kann nicht in einem Override überschrieben werden. So ist es nach meiner Beobachtung in den meisten Extensions.

Edit: Du kannst nicht nach der Reihenfolge des Ladens im Firebug gehen. Entscheidend ist die Reihenfolge der Dateien im Head des generierten Quelltextes.