Alexander Tragseil: Fehlerhafte Formatierung nach Auslagern von CSS Spezifikationen

Wenn ich bei meiner Homepage die Stylesheetformatierungen in eine externe Datei auslagere, werden mailto: Verweise (alle anderen schon) nicht mehr richtig formatiert. Hier meine externe Datei:

<style type="text/css">
a:link { text-decoration: none ; font-weight: bold ; color: #990000 }
a:visited { text-decoration: none ; font-weight: bold ; color: #990000 }
a:active { text-decoration: none ; font-weight: bold ; color: #990000 }
a:hover { text-decoration: underline ; font-weight: bold ; color: #000000 }
</style>

Vielleicht kann mir hier jemand helfen, vielen Dank im Voraus.

Alexander

  1. Wenn ich bei meiner Homepage die Stylesheetformatierungen in eine externe Datei auslagere, werden mailto: Verweise (alle anderen schon) nicht mehr richtig formatiert. Hier meine externe Datei:

    Kleine Ergänzung: Ich teste auf N 4.72 und IE5, nur der IE formatiert falsch, Navigator machts richtig.

    Vielleicht kann mir hier jemand helfen, vielen Dank im Voraus.

    Alexander

  2. Hallo Alexander,

    <style type="text/css">

    ^...........1)
    [...]

    </style>

    ^...........1)

    1. In einer externen Datei benötigst du das <style>-Tag nicht mehr. Auch wenn die Browser vielfach tolerant sind, solltest Du auf korrekte Syntax achten. Html-Tags sind afaik in Stylesheets nicht erlaubt, und sollten deshalb zumindest auskommentiert (//) werden ;-)

    Gruß AlexBausW

    1. Hi AlexBausW,

      vielen Dank für deine Antwort, mein Problem stammte jedoch nicht daher. Ich musste ergänzend zu den anderen CSS specs noch eine Zeile a:href { ... } hinzufügen, dann funktionierte alles wie gewünscht.
      Trotzdem danke,

      Alexander

      1. In einer externen Datei benötigst du das <style>-Tag nicht mehr. Auch wenn die Browser vielfach tolerant sind, solltest Du auf korrekte Syntax achten. Html-Tags sind afaik in Stylesheets nicht erlaubt, und sollten deshalb zumindest auskommentiert (//) werden ;-)

      Gruß AlexBausW

      1. Hallo "Kollege" ;-) !

        »»a:href { ... } hinzufügen, dann funktionierte alles wie gewünscht.

        Das ist so auf alle Fälle ein Fehler.
        Vielleicht list du dir <../../sfausles/tsfa_tba.htm#a11> durch. Dort steht in welcher Reihenfolge du die Pseudoklassen angeben musst.

        Grüße
        Thomas

        1. Macht nur der IE falsch - habe dieses Problem auch bei einem aktuellen Projekt. Habe es allerdings wegen anderer (schwerwiegenderer) Probleme zurückgestellt :)

          Arralen

  3. Wenn ich bei meiner Homepage die Stylesheetformatierungen in eine externe Datei auslagere, werden mailto: Verweise (alle anderen schon) nicht mehr richtig formatiert

    Dieses Problem tritt (scheinbar) nur mit IE auf; nach einigem Probieren habe ich folgende Reihenfolge als funktionsfähig herausgefunden:

    ----------------------------------------------------------------
    /* DATEI: standard.css */

    /* ############      Allgemeine Layouteinstellungen     ######## */

    a:link { color:#0000FF; text-decoration:underline } /* dunkelblau */
    a:visited { color:#00FF00; text-decoration:underline } /* hellgrün */
    a:hover { color:#00FFFF; text-decoration:underline } /* hellblau */
    a:active { color:#FF0000; text-decoration:underline } /* hellrot */

    body { margin-top:20px; margin-left:40px; color:#000000; background-color:#FFFFFF; font-family:Arial,sans-serif; font-size:10pt; }

    h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
         { font-family:Arial,sans-serif; color:#000000; }

    ... usw. usw. ...
    ---------------------------------------------------------------

    Wenn man die Reihenfolge der "a:"-Formate verändert oder erst "body" notiert, ignoriert IE die Link-Formate.

    Hoffe dies ist hilfreich !

    Arralen

    1. Hallo Arralen!

      Dieses Problem tritt (scheinbar) nur mit IE auf; nach einigem Probieren habe ich folgende Reihenfolge als funktionsfähig herausgefunden:

      Sorry, aber du hättest nicht selbst probieren müssen:
      <../../sfausles/tsfa_tba.htm#a11>

      Wenn man die Reihenfolge der "a:"-Formate verändert oder ignoriert IE die Link-Formate.

      Ja, weil dann die Angaben sich überlagern.

      »»erst "body" notiert, >

      Das kann ich weder mit dem IE4 / IE5 /IE5.5 bestätigen.
      body an erste Stelle und dann irgendwo die Angaben zu <a>: funktioniert.

      Grüße
      Thomas

      1. Hallo Arralen!

        Dieses Problem tritt (scheinbar) nur mit IE auf; nach einigem Probieren habe ich folgende Reihenfolge als funktionsfähig herausgefunden:

        Sorry, aber du hättest nicht selbst probieren müssen:
        <../../sfausles/tsfa_tba.htm#a11>

        Diese Stelle kenne ich, hat aber nicht funktioniert.

        »»erst "body" notiert, >

        Das kann ich weder mit dem IE4 / IE5 /IE5.5 bestätigen.
        body an erste Stelle und dann irgendwo die Angaben zu <a>: funktioniert.

        Schön für dich - bei mir geht es aber nicht.
        Sobald ich "body" mit cut&paste hinter "a:" schiebe, ignoriert IE5 die Angaben.

        Deswegen habe ich ja überhaupt diese Antwort geschrieben, obwohl schon jemand auf die entsprechende Stelle in SELFAuslese hingewiesen hatte.

        Arralen