[TYPO3-german] Jemand noch wach?

JoH info at cybercraft.de
Thu Jun 1 03:19:31 CEST 2006


> könnte schon sein aber ich habe doch eine classe definiert das soll
> doch eine kolision vermeiden. Wo ist dann der sinn der Klassen wenn
> eine algemeine Definition es überschreiben wird?

Der Sinn von Klassen ist, zwischen verschiedenen Versionen eines Tags
unterscheiden zu können.
Die Reiehenfolge ist dabei wichtig!

Zuerst definierst Du allgemeine Dinge:

td {
    vertical-align:top;
    text-align:left;
    padding:2px 5px;
    border: 1px dotted #000;
}

Danach spezifische Dinge für die Klassen:

td.rot {
    background: #900;
    border:1px solid #f00;
}

td.blau {
    background: #009;
    border:1px solid #00f;
}

Wenn Du's andersrum machst und die allgemeine Formatierung nach der
spezifischen kommt, werden die Parameter, die darin enthalten sind die
spezifischen Einstellungen überlagern:

td {
    vertical-align:top;
    text-align:left;
    padding:2px 5px;
    border: 1px dotted #000;
}

Damit hätten sowohl td.rot als auch td.blau eine schwarze gepunktete Linie.

Außerdem mußt Du noch beachten, dass IDs Vorrang vor Klassen haben:

Wenn Du zum Beispiel ein <div id="content">|</div> drumrum legst und darin

#content td {
    border:1px solid #000;
}

Dann sind alle Linien von Tabellenzellen innerhalb des div zunächst mal
schwarz.
Um das zu überschreiben mußt Du #content td.rot verwenden.
Fehlt #content, werden nur die Einstellungen übernommen, die nicht in
#content id vorkommen.

Besorg Dir dazu ggf. mal ein Fachbuch über CSS.

Joey

-- 
Wenn man keine Ahnung hat: Einfach mal Fresse halten!
(If you have no clues: simply shut your knob sometimes!)
Dieter Nuhr, German comedian
openBC: http://www.cybercraft.de





More information about the TYPO3-german mailing list