martin: CSS Formate werden nur von Mozilla richtig interpretiert

SELF-Forum

CSS Formate werden nur von Mozilla richtig interpretiert

martin
– Informationen zu den Bewertungsregeln

Hallo!

Ich möchte in einem Webprojekt mithilfe von CSS die Links
in der Navigation anders formatieren als die im Fließtext,
und habe also versucht verschieden Klassen von Links zu
definieren. Meine css Datei sieht so aus:

--------------------------->
/*formatdefinitionen*/

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

/*ein normaler link im fliesstext*/
a:link { font-size:12pt; text-decoration:none; font-weight:normal; color:#808080; }
a:hover { font-size:12pt; text-decoration:underline; font-weight:normal; color:#808080; }
a:active { font-size:12pt; text-decoration:underline; font-weight:normal; color:#808080; }
a:visited { font-size:12pt; text-decoration:none; font-weight:normal; color:#808080; }

/*ein link in der navigation oben*/
a.navigation:link {font-size:10pt; text-decoration:none; font-weight:normal; color:#808080;}
a.navigation:hover { font-size:10pt; text-decoration:underline; font-weight:normal; color:#808080; }
a.navigation:active { font-size:10pt; text-decoration:underline; font-weight:normal; color:#808080; }
a.navigation:visited { font-size:10pt; text-decoration:none; font-weight:normal; color:#808080; }

/*ein aktiver, also fetter link in der navigation*/
a.navigation_a:link {font-size:10pt; text-decoration:none; font-weight:bold; color:#808080;}
a.navigation_a:hover { font-size:10pt; text-decoration:underline; font-weight:bold; color:#808080; }
a.navigation_a:active { font-size:10pt; text-decoration:underline; font-weight:bold; color:#808080; }
a.navigation_a:visited {  font-size:10pt; text-decoration:none; font-weight:bold; color:#808080; }
<----------------------------

Leider ist es jetzt so daß nur Mozilla die Sachen richtig interpretiert.
ie explorer 6.X. z.B. unterstreicht mir die Links nicht, stellt jedoch
die Navigationslinks entsprechend kleiner dar (10px) als die im Text.

Vielleicht liegt mein Fehler auch im Quelltext der Seite:

---------------------------->
<html>
<head>
<title>der propeller</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="formate.css">
</head>

<body bgcolor="#FFFFFF">
<table width="700" border="0" align="center">
  <tr>
    <td valign="top"><img src="titel.gif" width="234" height="48"><br>
    <p style="font-size:80%; margin-top:1pt; margin-bottom:1pt">Ein Schubkraftgenerator - unterstützt Eigenantrieb!</p>

</td>
    <td valign="top" align="right">
      <a class="navigation" href="#">Aktuelles</a><br>
      <a class="navigation" href="#">Datenbank</a><br>
      <a class="navigation" href="#">Infopool</a><br>
      <a class="navigation" href="#">Unispezifisches</a><br>
      <a class="navigation" href="#">Forum</a><br>
      <a class="navigation" href="#">Splashmap</a>
</td>
  </tr>
  <tr align="right">
    <td colspan="2" height="2">
      <hr noshade size="1" color="#808080">
      | <a class="navigation_a" href="#">Praktikumsbericht</a> | <a class="navigation" href="#">Rechtliches</a> |  <a class="navigation" href="#">FAQ</a> |
      <hr noshade size="1" color="#808080">
    </td>
  </tr>
  <tr>
    <td colspan="2">Hier kommt ein Inhalt rein. Ist rote Schrift nicht flott?<br>
      Irgendwie ist <a href="#">hier ein Link</a> einfach
      geil...<br>
      <br>
      <br>
      <br>
      <br>
      <hr noshade size="1" color="#808080">
    </td>
  </tr>
  <tr>
    <td colspan="2" align="right"><span style="font-size:80%; margin-top:1pt; margin-bottom:1pt">© 2004</span>  |  <a class="navigation" href="mailto:x">Kontakt</a></td>
  </tr>
</table>
</body>
</html>
<--------------------------------------

Wer kann mir helfen???

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS Formate werden nur von Mozilla richtig interpretiert

    Cheatah
    – Informationen zu den Bewertungsregeln

    Hi,

    h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i

    ein <nobr>-Element kennt HTML nicht.

    {font-family:Arial,sans-serif; font-size:12pt; color:#993333; }

    Dass pt eine für Screenmedien ungeeignete Einheit ist, und dass die Schrift zudem um Vieles zu klein gewählt ist, ist Dir bewusst?

    a:link [...]
    a:hover [...]
    a:active [...]
    a:visited [...]

    Die Reihenfolge der Pseudoklassen hast Du ebenfalls bewusst gewählt?

    <a class="navigation" href="#">Aktuelles</a><br>

    Ist die Link-URL nur beispielhaft, oder steht das tatsächlich so in Deinem Code? Für den IE ist "#" (jedes "#xyz") nämlich mit der aktuellen Seite identisch, so dass der Link als visited gilt.

    Cheatah

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS Formate werden nur von Mozilla richtig interpretiert

      e7 Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi,

      Für den IE ist "#" (jedes "#xyz") nämlich mit der aktuellen Seite identisch, so dass der Link als visited gilt.

      Nicht nur für den IE, auch für andere Browser oder modernere Browser wie Mozilla.

      E7

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. CSS Formate werden nur von Mozilla richtig interpretiert

        Cheatah
        – Informationen zu den Bewertungsregeln

        Hi,

        Für den IE ist "#" (jedes "#xyz") nämlich mit der aktuellen Seite identisch, so dass der Link als visited gilt.

        Nicht nur für den IE, auch für andere Browser oder modernere Browser wie Mozilla.

        wenn ich mit Mozilla auf http://foo/bar bin oder war, gilt http://foo/bar#blub weiterhin als unbesucht. War ich dann auf http://foo/bar#blub - durch Anklicken eines Links, Eingeben der URL etc. - wird dieser Link als visited dargestellt, http://foo/bar#blafasel jedoch nicht.

        Cheatah

        --
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. CSS Formate werden nur von Mozilla richtig interpretiert

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

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

    pt ist nicht wirklich für Bildschirme geeignet.

    a:link { font-size:12pt; text-decoration:none; font-weight:normal; color:#808080; }
    a:hover { font-size:12pt; text-decoration:underline; font-weight:normal; color:#808080; }
    a:active { font-size:12pt; text-decoration:underline; font-weight:normal; color:#808080; }
    a:visited { font-size:12pt; text-decoration:none; font-weight:normal; color:#808080; }

    Soll der hover/active Effekt bei visited-Links wirklich nicht zur Anwendung kommen?
    Falls doch: Reihenfolge: link visited focus hover active

    a.navigation_a:link {font-size:10pt; text-decoration:none; font-weight:bold; color:#808080;}

    Unterstriche in Klassennamen sollte man vermeiden, da die erst in den Errata erlaubt wurden.

    <html>

    Doctype fehlt.

    <td valign="top" align="right">
          <a class="navigation" href="#">Aktuelles</a><br>
          <a class="navigation" href="#">Datenbank</a><br>
          <a class="navigation" href="#">Infopool</a><br>

    Hier würde ich die class der td zuordnen und den Selektor im CSS entsprechend anpassen (td.navigation a:link usw.)

    cu,
    Andreas

    --
    MudGuard? Siehe http://www.Mud-Guard.de/
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln