BODY-Eigenschaften aus externer CSS laden nicht



  • Hallo,
    ich habe eine Datei style.css geschrieben, in der u.a. Eigenschaften für BODY festgelegt werden. Allerdings werden diese Eigenschaften von den html-Seiten vollkommen ignoriert, während alle anderen Eigenschaften (z.B. für Links etc. ) korrekt angezeigt werden. Ich habe IE6 und die CSS-Datei sieht folgendermaßen aus:

    <STYLE type="text/stylesheet">
    BODY
    {
    
        TEXT-TRANSFORM: uppercase;
        CURSOR: crosshair;
        COLOR: green! important;
        FONT-FAMILY: 'Arial CYR';
        LETTER-SPACING: 5mm;
        BACKGROUND-COLOR: #009933! important;
        TEXT-DECORATION: underline
    }
    A:active
    {
        COLOR: black
    }
    A:hover
    {
        BACKGROUND-COLOR: #99ccff
    }
    A:link
    {
        COLOR: black
    }
    </STYLE>
    

    Woran könnte das liegen ?
    Gruß
    E-the-Real



  • ethereal schrieb:

    <STYLE type="text/stylesheet">
    

    Versuch mal "text/css" statt "text/stylesheet".

    bis dänn, O'Dog



  • Upps, das hatte ich falsch gepostet, da stand auch text/css.
    Ich habs mittlerweile rausgefunden:
    Die body-Eigenschaften werden nur berücksichtigt, wenn im stylesheet nicht die style-tags stehen (absurd, aber leider wahr) ⚠
    Mein stylesheet sieht dann also so aus:

    BODY
    {
        CURSOR: crosshair;
        BACKGROUND-COLOR: #e1eaff
    }
    A:active
    {
        COLOR: black;
        BACKGROUND-COLOR: #c2dfff
    }
    A:hover
    {
        COLOR: black;
        BACKGROUND-COLOR: #8eb7f4
    }
    A:link
    {
        COLOR: black;
        BACKGROUND-COLOR: #c2dfff
    }
    

    Geladen wird das ganze mit

    <LINK href="style.css" rel="stylesheet" type="text/css">
    

    Ich hab allerdings NULL Ahnung, warum das so ist !
    Neues Problem:
    Ich habe einen Link mit einer bestimmten Hintergrundfarbe. Diese Farbe möchte ich ändern, wenn ich mit der Mouse über den Link gehe. Dazu habe ich bei
    A:hover einen neuen Farbwert eingetragen. Wenn jetzt allerdings auf einen Link geklickt wurde (der link also visited ist), funktioniert das ganze nicht mehr.
    Kann mir einer sagen, was ich da machen muß ?
    Gruß
    E-the-Real


  • Mod

    ethereal schrieb:

    Ich hab allerdings NULL Ahnung, warum das so ist !

    Du hattest <style bla> in der .css Datei stehen?
    Na dann ists ja klar - <style> ist HTML und wenn du dem Browser sagst: da friss mein CSS und du gibst ihm HTML, dann wird ihn das verwirren.

    Kann mir einer sagen, was ich da machen muß ?

    Reihenfolge beachten.
    IIRC muss :hover das letzte sein.



  • @Shade: Thx !
    Aber es ist dann komisch, warum InterDev css satndardmäßig im <style> - Rahmen abspeichert....
    naja,
    Gruß
    E-the-Real



  • ethereal schrieb:

    @Shade: Thx !
    Aber es ist dann komisch, warum InterDev css satndardmäßig im <style> - Rahmen abspeichert....

    Solange es das nur in der HTML-Datei darin einbettet und nicht in externen Stylesheets ist das ja auch korrekt.

    Reihenfolge beachten.
    IIRC muss :hover das letzte sein.

    Fast. Es ist eigentlich das Vorletzte.

    Link
    Visited
    Hover
    Active

    war doch so, oder?

    mfg
    tobi



  • Solange es das nur in der HTML-Datei darin einbettet und nicht in externen Stylesheets ist das ja auch korrekt.

    Es geht ja gerade ums Erstellen externer/separater css - Dateien. Da kommt trotzdem der Rahmen <STYLE></STYLE>, im Übrigen auch alles groß geschrieben.



  • Hmm dann ist da eigentlich was nicht richtig 🙂

    Gross und Kleinschreibung spielt eigentlich keine Rolle.

    Erst in XHTML ist glaub ich vorgeschreiben das alle Tags klein geschrieben werden müssen.

    mfg
    tobi


Anmelden zum Antworten