Martin: Linkfarben in einer Spalte definieren

SELF-Forum

Linkfarben in einer Spalte definieren

Martin
– Informationen zu den Bewertungsregeln

Hi!

Ich würde gerne die Links innerhalb eines bestimmten "td"s mit eigenen Farben versehen. Dh die Links aller anderen Spalten sollen die Standardlinkfarben haben.

Und zwar, die Spalte in der wir die eigenen Linkfarben haben möchten, nenn wir einfach mal "haupt", ich habs also mit folgendem code probiert, funktioniert leider nicht:
----------------------
<style type="text/css">
td.haupt.A:link {color:#00ccff; text-decoration: none; font-family: arial;}
td.haupt.A:visited {color:#00ccff; text-decoration: none; font-family: arial;}
td.haupt.A:active {color:#00ccff; text-decoration: none; font-family: arial;}
td.haupt.A:hover {color:#00ccff; text-decoration: underline overline; font-family: arial;}
</style>
[...]
<td class="haupt" width="480" bgcolor="#FFFFFF" height="639" valign="top">

----------------------

Wie gesagt, der gewünschte Effekt wird nicht erzielt. Hat jemand eine Idee?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Linkfarben in einer Spalte definieren

    Axel Richter
    – Informationen zu den Bewertungsregeln

    Hallo,

    Ich würde gerne die Links innerhalb eines bestimmten "td"s mit eigenen Farben versehen. Dh die Links aller anderen Spalten sollen die Standardlinkfarben haben.

    Und zwar, die Spalte in der wir die eigenen Linkfarben haben möchten, nenn wir einfach mal "haupt"

    <style type="text/css">
    td.haupt {width:480px; height:639px; background-color:#FFF;}
    td.haupt a {color:#0CF; text-decoration:none; font-family:Arial,Helvetica,sans-serif;}
    td.haupt a:link {color:#0CF; text-decoration:none;}
    td.haupt a:visited {color:#0CF; text-decoration:none;}
    td.haupt a:hover {color:#0CF; text-decoration:underline overline;}
    td.haupt a:active {color:#0CF; text-decoration:none;}
    </style>

    <body>
    <table >
    <tr>
      <td class="haupt"><a href="#">Link</a></td>
    </tr>
    </table>
    </body>

    Allgemeine Syntax:
    Element.Klasse inneresElement:Pseudoformat

    Bedenke: Bei den Pseudoformaten :link... ist auch die Reihenfolge wichtig. Die ist korrekt: :link :visited :hover :active :focus.

    Was soll eine 480px breite und 639px hohe Tabellenzelle? Dir ist bekannt, dass 800 x 600 px durchaus noch eine gängige Bildschirmeinstellung ist?

    viele Grüße

    Axel

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Linkfarben in einer Spalte definieren

      Martin
      – Informationen zu den Bewertungsregeln

      Danke für eure Antworten! Funktiniert tadellos! und die Breite von 480px kommt daher, dass es links und rechts von dieser Spalte auch noch weitere Spalten gibt...die Tabelle hat eine Gesamtbreite von ca. 800 px

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Linkfarben in einer Spalte definieren

    Thomas J.S.
    – Informationen zu den Bewertungsregeln

    Hallo,

    Und zwar, die Spalte in der wir die eigenen Linkfarben haben möchten, nenn wir einfach mal "haupt", ich habs also mit folgendem code probiert, funktioniert leider nicht:

    Fast schon gehabt! ;-)

    <style type="text/css">

    td.haupt A:link {color:#00ccff; text-decoration: none; font-family: arial;}
    td.haupt A:visited {color:#00ccff; text-decoration: none; font-family: arial;}
     td.haupt A:active {color:#00ccff; text-decoration: none; font-family: arial;}
    td.haupt A:hover {color:#00ccff; text-decoration: underline overline; font-family: arial;}
    </style>

    [...]

    <td class="haupt" width="480" bgcolor="#FFFFFF" height="639" valign="top">

    Grüße
    Thomas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln