Uwe Kalinowski: unterschiedl. class-element darstellung in ie 5.0 und ns 4.6 ?

hallo alle

ich hab da mal wieder ein problem mit den css.. genauer gesagt mit der unterschiedlichen darstellung in ie  5.0 und ns 4.6.
villeicht kann ja jemand helfen..

ok, zur lage:

ich moechte ein gruenes <th> mit weisser schrift und ohne unterstreichung als nav-pannel-element verwenden.

die folgende loesung macht genasu was ich will, wenn ich den ns 4.6 verwende, beim ie 5.0 hingegen bleibt der hyperlink blau.

handelt es sich hierbei mal wieder um unterschiedliche implementierungen des standards oder habe ich den falschen ansatz...

css:

A:link, A:active, A:visited  {
text-decoration : none;
color : blue;
background : transparent;
}

.link  {
text-decoration : none;
color : white;
background : transparent;
}

th  {

background : #00A58C;  
color : #ffffff;  

}

html:

<th><a class="link" href="zum_link.html">zum Link</a></td>

besten dank

uwe

  1. Hallo,

    ich hab da gerade mal ein wenig dran rumgebastelt.

    css:

    A:link, A:active, A:visited  {

    »»  text-decoration : none;
    »»  color : blue;
    »»  background : transparent;

    }

    .link  {

    Hier a.link

    »»  text-decoration : none;
    »»  color : white;
    »»  background : transparent;

    }

    Der IE frißt die Klassendefinition in der Form .link anscheinend nicht. Er nimmt stattdessen die Defintion im oberen Teil A:link {color: blue}. Ändert man hier die Farbe auf weiß gehts auch im IE.

    Bei a.link statt .link bekomme ich die weiße Schrift hin.

    tschau
    oliver

    th  {

    »»  
    »»  background : #00A58C;
    »»  color : #ffffff;

    }

    html:

    <th><a class="link" href="zum_link.html">zum Link</a></td>

    besten dank

    uwe

    1. hallo oliver

      besten dank erstmal, leider scheints bei mir nicht zu klappen, kann aber auch durchaus an einem verstaendnisfehler meinerseits liegen ;)

      ich hab da gerade mal ein wenig dran rumgebastelt.

      A:link, A:active, A:visited  {
      »»  text-decoration : none;
      »»  color : blue;
      »»  background : transparent;
      }

      .link  {

      »»  Hier a.link

      »»  text-decoration : none;
      »»  color : white;
      »»  background : transparent;

      }

      hmmm, hab ich eingebaut

      d.h. im css steht jetzt..

      A.link  {
      text-decoration : none;
      color : white;
      background : transparent;
      }

      ansonsten alles wie bisher

      und den html code habe ich folgendernassen veraendert..

      <th> <a class="link" href="zum_link.html">zum Link</a></th>

      Bei a.link statt .link bekomme ich die weiße Schrift hin.

      hmmm, ich vermute mal, das ich da etwas mit der eintragung im css nicht geblickt habe.. waere fuer erleuchtung dankbar..<g>

      bye

      uwe

      1. hmmm, ich vermute mal, das ich da etwas mit der eintragung im css nicht geblickt habe.. waere fuer erleuchtung dankbar..<g>

        Erklärungen zu den Formatierungen und Klassen bzw. Unterklassen mittels CSS  findest Du unter:

        <../../tdbb.htm#a4>

        tschau
        oliver

  2. Hallo!

    wie Oliver es sgate probier mal statt .link was anderes.

    <th><a class="link" href="zum_link.html">zum Link</a></td>

    bist du sicher das es so steht?

    <th> ....</td> ?

    Grüße
    Thomas

    1. hi thomas

      bist du sicher das es so steht?

      <th> ....</td> ?

      uhhh... du hast recht, ich hatte da mal ne massenersetzung durchgefuehrt und vergessen die endtags ebenfalls zu ersetzen.

      besten dank :)

      bye

      uwe