Frédéric: CLASS für alle links in einer Zelle

Hi,

Ich habe eine Tabelle wo ein paar Links stehen (ein Menu so zu sagen). Diese Links haben einen anderes Farb-Verhalten als die "normalen" Links.
Etwa so:

a:link {color="#FFD380"; text-decoration: none;}
a:visited {color="#FFD380"; text-decoration: none;}
a:hover {color="#CC99FF"; text-decoration: none;}

a.menu:link {color="#FFFFFF"; text-decoration: none;}
a.menu:visited {color="#FFFFFF"; text-decoration: none;}
a.menu:hover {color="#CC99FF"; text-decoration: none;}

Jetzt meine Frage, muss ich für jeden Link von der Tabelle (Menu) extra schreiben <A HREF=".." CLASS="menu">... oder kann ich das irgendwie für die ganze Tabelle definieren?

  1. Hi

    Ich habe eine Tabelle wo ein paar Links stehen (ein Menu so zu sagen). Diese Links haben einen anderes Farb-Verhalten als die "normalen" Links.
    Etwa so:

    a:link {color="#FFD380"; text-decoration: none;}
    a:visited {color="#FFD380"; text-decoration: none;}
    a:hover {color="#CC99FF"; text-decoration: none;}

    a.menu:link {color="#FFFFFF"; text-decoration: none;}
    a.menu:visited {color="#FFFFFF"; text-decoration: none;}
    a.menu:hover {color="#CC99FF"; text-decoration: none;}

    Jetzt meine Frage, muss ich für jeden Link von der Tabelle (Menu) extra schreiben <A HREF=".." CLASS="menu">... oder kann ich das irgendwie für die ganze Tabelle definieren?

    Stichwort: Kontextselektoren

    HTML:
    <table class="menu">
    <tr><td><a href="..">blabla</a></td></tr>
    </table>

    CSS:
    table.menu a:link    { ... }
    table.menu a:visited { ... }
    table.menu a:focus   { ... }
    table.menu a:hover   { ... }
    table.menu a:active  { ... }

    Andreas

    1. re Hi,

      Stichwort: Kontextselektoren

      HTML:
      <table class="menu">
      <tr><td><a href="..">blabla</a></td></tr>
      </table>

      CSS:
      table.menu a:link    { ... }
      table.menu a:visited { ... }
      table.menu a:focus   { ... }
      table.menu a:hover   { ... }
      table.menu a:active  { ... }

      Andreas

      Genau das habe ich gesucht. Vielen Dank.

  2. Hi,

    a.menu:link {color="#FFFFFF"; text-decoration: none;}
    a.menu:visited {color="#FFFFFF"; text-decoration: none;}
    a.menu:hover {color="#CC99FF"; text-decoration: none;}

    a.menu:hover {color="#CC99FF"; ......... }

    seit wann isen das color="#000000"? heisst da snichr color:#000000; oder hab ich was nich mitgekiregt????????

    1. Hallo Buchsenöffner,

      seit wann isen das color="#000000"? heisst da snichr color:#000000;

      Da hast Du allerdings recht. color="irgendwas" gehört zum bösen[tm] <font>-Tag.

      oder hab ich was nich mitgekiregt????????

      Keine Panik - Du hast nichts wichtiges in der Richtung verpasst.

      Grüße,

      Christian