Wowbagger: probleme mit CLASS-attribut

SELF-Forum

probleme mit CLASS-attribut

Wowbagger
– Informationen zu den Bewertungsregeln

Hallo Leute,

Ich hab' das problem, daß kein browser (weder IE4 noch NN4) meine CSS angaben akzeptieren will, sofern ich sie auf eine bestimmte CLASS-angabe eines tags beziehe:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
A.c2{color:navy;text-decoration:none;font-family:arial narrow,arial;font-size:9pt;}
A.c2{color:navy;text-decoration:none;font-family:arial narrow,arial;font-size:12pt;}
A.c1:hover{color:red;text-decoration:none;}
A.c2:hover{color:blue;;text-decoration:none;}
</style>
</head>

<body>

<p class="c1">
<a href="#">Link 1...</a>
</p>

<p class="c2">
<a href="#">Link 2...</a>
</p>

</body>
</html>

die o.a. style-definitionen zeigen so keinen effekt, wohl aber ohne class (also, wenn man alles generell auf <A>-tags bezieht).

Kann mir evtl. jemand von euch sagen, warum das ganze nicht funktionieren will, oder ob ich hier etwas grundlegendes falsch mache?
Meines wissens sollte es gehen, also habe ich bestimmt den falschen ansatz, oder nicht?

bis denn, dann
/*,*/
Wowbagger

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. probleme mit CLASS-attribut

    Björn Höhrmann
    – Informationen zu den Bewertungsregeln

    A.c2{color:navy;text-decoration:none;font-family:arial narrow,arial;font-size:9pt;}

    A.c2{color:navy;text-decoration:none;font-family:arial narrow,arial;font-size:12pt;}

    A.c1:hover{color:red;text-decoration:none;}

    A.c2:hover{color:blue;;text-decoration:none;}

    Tja, was soll man dazu sagen:

    * Du hast zwar Vordergrund, aber keine Hintergrundfarben definiert
    * Du hast keine generischen Schriftfamilien als Alternative angegeben
    * Du hast Font Names mit einem WhiteSpace nicht gequotet
    * pt ist im Web ganz sicher keine geeignete Einheit
    * ';;' führt sicher zu Problemen

    Das alles hättest du leicht alleine herausfinden könnnen, mit Hilfe eines CSS Linters wie http://jigsaw.w3.org/css-validator/ und CSSCheckhttp://www.htmlhelp.com/tools/.

    <p class="c1">
    <a href="#">Link 1...</a>
    </p>

    <p class="c2">
    <a href="#">Link 2...</a>
    </p>

    Du hast deine Classes für A definiert, setzt sie hier aber bei P ein. Das kann natürlich nicht funktionieren. Was du eigentlich willst ist:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Untitled</title>
    <style type="text/css"><!--

    A.c2 {
        color: navy;
        background: white;
        text-decoration: none;
        font-family: "arial narrow", Arial, sans-serif;
        font-size: small;
      }

    A.c2 {
        color: navy;
        background: white;
        text-decoration: none;
        font-family: "arial narrow", Arial, sans-serif;
        font-size: medium;
      }

    A.c1:hover {
        color:red;
        background: white;
      }

    A.c2:hover {
        color:blue;
        background: white;
      }
    --></style>
    </head>

    <body>

    <p>
    <a href="#" class=c1>Link 1...</a>
    </p>

    <p>
    <a href="#" class=c2>Link 2...</a>
    </p>

    </body>
    </html>

    HTH

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. probleme mit CLASS-attribut

      Thomas J.S.
      – Informationen zu den Bewertungsregeln

      Hallo Björn!

      »»  * Du hast zwar Vordergrund, aber keine Hintergrundfarben definiert

      Egal. (in diesem Zusammenhang.)

      »»  * Du hast keine generischen Schriftfamilien als Alternative angegeben

      Nicht unbeding schön, aber auch egal.

      »»  * Du hast Font Names mit einem WhiteSpace nicht gequotet

      Einwand ok.

      »»  * pt ist im Web ganz sicher keine geeignete Einheit

      Bitte keine 'nevrending'-Diskussion a'la dciwam darüber anfangen.

      »»  * ';;' führt sicher zu Problemen

      Auch wahr.

      http://jigsaw.w3.org/css-validator/

      Standards? Vom W3C? *ROTFL*
      (du kennst ja meine momentan etwas bittere Einstellung.)

      Du hast deine Classes für A definiert, setzt sie hier aber bei P ein. Das kann natürlich nicht funktionieren. Was du eigentlich willst ist:

      Das war der Fehler.

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

      <a href="#" class=c1>Link 1...</a>
      »»

      auch unschön: class="c1" wäre das richitige.

      Grüße
      Thomas

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln