css einem Modul zuordnen

[Scumacker]

Hallo zusammen,

ich komm einfach nicht klar, einem Modul eine css Datei zuzuordnen.
Ich habe jetzt einfach alle CSS-Befehle in die Standard CSS-Datei kopiert.
Das kann aber nicht die Lösung sein, da es ja mehrere CSS-Dateien gibt. Ich verstehe nur nicht wie ich es schaffe,
dass z.B. eine Tabellenformatierung aus einer anderen CSS (also nicht aus der Standard) genommen wird.

Vielen Dank schon mal

Grüße
Scumacker

[Spider IT]

Moin Scumacker,

du musst die Modulausgaben in DIVs mit eindeutige IDs einschließen und diese dann im Stylesheet mit angeben.
Modul-Ausgabe:

Code: Alles auswählen

<div id="Liste">
    <h2>...</h2>
    <p>...</p>
    <table>
        <tr>
            <td>
                ...
    </table>
</div>

Stylesheet:

Code: Alles auswählen

#Liste h2 {
    ...
}
#Liste p {
    ...
}
#Liste td {
    ...
}

Gruß
René

[Scumacker]

Danke erstmal für die schnelle Antwort.
Ich mache ich ein Div um den Output des Moduls und schreibe die Formatierung in meine standard CSS.
D.h. ich habe meine Standard CSS-Datei, in der ich auch meine Formatierungen für die Modulausgabe mache oder?

Vielen Dank

Grüße

[Spider IT]

Du kannst auch gerne pro Modul eine eigene CSS-Datei erstellen, aber die musst du dann auch im Layout einbinden, also bringt dir das nur Übersichtlichkeit auf Kosten mehrerer Serveranfragen.

Gruß
René

[McHubi]

Hallo Scumacker,

es macht durchaus Sinn, CSS-Klassen nur bei Bedarf einzubinden. Wozu die Klassen einer Bildergalerie auf jeder Seite einbinden, wenn sie nur für vereinzelte Artikel benötigt werden? Schau Dir mal den css-selektor an: http://forum.contenido.org/viewtopic.php?f=60&t=30859
René hat natürlich auch Recht was das Einbinden von CSS-Dateien/ Serveranfragen betrifft. Insofern würde ich eine generelle "module.css" erstellen mit den Klassen die im Prinzip so gut wie immer oder sehr häufig benötigt werden. Andere Klassen für Module die eher selten benötigt werden, würde ich dann per css-Selektor im Layout zusätzlich einbinden.

Viel Erfolg!