Dieter Raber: verschiedene Linkformatierungen innerhalb einer Seite

Hallo,

ich habe ein Problem mit Linkformatierung (CSS).

Mein Text befindet sich komplett in verschiedenen Tabellen. Im Stylesheet steht z. B. folgendes:

a:link { color : #CCCCCC; text-decoration : none }
a:visited { color : #CCCCCC; text-decoration : none }
a:active { color : #FF0000; text-decoration : none }
a:hover { color : #FF0000; text-decoration : underline }

Soweit so gut. Ich wuerde gerne erreichen, dass Links in einer der Tabellen anders formatiert werden, sagen wir 'gelb + none', der Hover mit 'rot + underline'.

Es gab neulich bei http://www.drweb.de auch einen Artikel zum Thema, den ich aber nicht mehr finden kann. Soweit ich mich erinnern kann, wurde so etwas wie 'roterlink.a:hover' usw. verwendet, aber ich bekomme das leider nicht mehr zusammen.

Ich wuerde mich ueber jede Hilfe sehr freuen, vielen Dank schon mal.

Dieter

  1. Hi...

    Wenn Du mit verschiedenen Linkformatierungen arbeiten willst, solltest Du Klassen verwenden:

    a.einLink:link { color : #CCCCCC; text-decoration : none }
    a.einLink:visited { color : #CCCCCC; text-decoration : none }
    a.einLink:active { color : #FF0000; text-decoration : none }
    a.einLink:hover { color : #FF0000; text-decoration : underline }
    a.andererLink:link { color : #CCCCCC; text-decoration : none }
    a.andererLink:visited { color : #CCCCCC; text-decoration : none }
    a.andererLink:active { color : #FF0000; text-decoration : none }
    a.andererLink:hover { color : #FF0000; text-decoration : underline }

    das benutzt Du dann in Deinem <a>-Tag:

    <a href="" class="einLink">Text</a>

    Gruss,
    Skrymer

    1. Hi Skrymer,

      8 min sind wirklich nicht schlecht um eine Antwort auf eine Frage zu finden, mit der ich mich gestern Ewigkeiten rumgeschlagen habe.
      Ich werd' das gleichmal testen heute abend, vielen Dank!

      Dieter

      1. 8 min sind wirklich nicht schlecht um eine Antwort auf eine Frage zu finden, mit der ich mich gestern Ewigkeiten rumgeschlagen habe.

        http://selfhtml.teamone.de/
        http://selfhtml.teamone.de/navigation/faq.htm
        http://selfhtml.teamone.de/navigation/faq.htm#abweichende_verweisfarben

  2. Hallo Dieter,

    Soweit so gut. Ich wuerde gerne erreichen, dass Links in einer der Tabellen anders formatiert werden, sagen wir 'gelb + none', der Hover mit 'rot + underline'.

    http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente

    Viele Grüße

    Patrick Canterino

  3. hi

    Soweit so gut. Ich wuerde gerne erreichen, dass Links in einer der Tabellen anders formatiert werden, sagen wir 'gelb + none', der Hover mit 'rot + underline'.

    nennt man Klassen. Syntax:

    HTML
    <a class="tab">

    CSS
    a.tab[color:yellow;}
    a.tab:hover{color:red;}

    alternativ wäre noch möglich, wenn es nur davon abhängen soll, ob der Link in eienr Tabelle sitzt:

    table a{color:yellow;}
    usw.