Isa: verschiedene Link-Styles auf einer Seite

Hallo Forum!

Folgende Problemstellung:

Ich habe auf einer Seite mehrere Tabellen mit Links. Im Normalfall sollen alle Links normal (unterstrichen) sein.
In einer Tabelle möchte ich jedoch keine Unterstreichung der Links, und der Text soll beim Zeigen rot sein.

Dazu habe ich folgende Style-Angaben im Head verwendet:
-----
<STYLE>
A:hover {
COLOR: #ff0000;
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
</STYLE>
-----

Nun werden aber -logischerweise- alle Links auf der Seite so dargestellt.

Wer kennt sich gut mit CSS aus, und kann mir sagen, wie ich den gewünschten Effekt erzielen kann?

Danke!
Isa

  1. Hi Isa!

    Solltest Dir mal SelfHTML gründlich durchlesen, da steht das alles drin. Du musst verschiedene Klassen definieren.
    Du hast dann zB Links mit <a class="a" href=..... und mit a class="b" href.....
    In den Styles fügst Du es dann so ein:

    a.Klassenname:link

    Also in meinem Bespiele wäre es:

    a.a:link und a.b:link

    Gruß, Jan

  2. hi!

    Ich habe auf einer Seite mehrere Tabellen mit Links. Im Normalfall
    sollen alle Links normal (unterstrichen) sein.
    In einer Tabelle möchte ich jedoch keine Unterstreichung der
    Links, und der Text soll beim Zeigen rot sein.

    <../../tdbb.htm#a2>

    Dazu habe ich folgende Style-Angaben im Head verwendet:

    <STYLE>
    A:hover {

    »»  COLOR: #ff0000;

    }
    A:link {

    »»  COLOR: #000000; TEXT-DECORATION: none

    }
    </STYLE>

    Nun werden aber -logischerweise- alle Links auf der Seite so
    dargestellt. Wer kennt sich gut mit CSS aus, und kann mir sagen,
    wie ich den gewünschten Effekt erzielen kann?

    === cut ===
    <style>
    A.extra:hover {
      color: #ff0000;
    }
    </style>

    <a>Einfacher Link ohne Hover</a>
    <a class="extra">Spezieller Link mit Hover</a>
    === cut ===

    Und das nächste mal bitte vorher im Archiv und SELFHTML nachschauen.

    bye, Frank!

    1. Hallo Frank!

      Und das nächste mal bitte vorher im Archiv und SELFHTML nachschauen.

      Und in der Forumsauslese: <../../sfausles/tsfa_tba.htm#a11> und
      <../../sfausles/tsfa_tba.htm#a12>

      ;-)

      Bis danndann
      PAF (patrickausfrankfurt)

      <img src="/selfaktuell/extras/selfcomm.jpg" alt=""> http://www.atomic-eggs.com/selfspezial/guests/advguest.cgi?view

      <img src="http://www.atomic-eggs.com/selfspezial/atomicegg.gif" alt="Atomic Eggs - die humosophische Seite" style="cursor:hand;" onMouseUp="window.location.href='http://www.atomic-eggs.com/'" onmouseover="status='http://www.atomic-eggs.com/';return true;" onmouseout="status='';return true;">