Links mit css

[baglut]

Hallo,

ich möchte gerne 2 links in zwei tabellenzellen mit css generieren. sie sollen sich jedoch in den farben von hoover, aktiv und visited unterscheiden. ich weiss nicht, wie man ein solches skript classifizieren kann, sodass es nur auf eine zelle angewendet wir und ich noch eins für die andere zelle schreiben kann.

<style type="text/css" media="screen">
  <!--
a:visited   { color: #a9a9a9; font-size: 12px; text-decoration: none }
a:link      { color: #9b9b9b; font-size: 12px; text-decoration: none }
a:hover     { color: #363636; font-size: 12px }
a:active    { color: #363636; font-size: 12px }
-->
  </style>

danke, bagalut

[chlori]

Hi

ich weiss nicht, wie man ein solches skript classifizieren
kann, sodass es nur auf eine zelle angewendet wir und ich
noch eins für die andere zelle schreiben kann.

#zelle1 a:link [...]
#zelle2 a:link [...]

<td id="zelle1"><a></a></td>
<td id="zelle2"><a></a></td>

Gruss
chlori

[tina]

Falls ich dich richtig verstanden habe:

Gib der einen Zelle, die andere Link-Definitionen haben soll, eine Klasse.

<td class="zelle1">

und schreib im css:

.zelle1 a:hover {} etc.

[Ben]

Hi baglut,

ganz einfach.. mit Klassen :-)

a:hover.klassenname { definition }

a:hover.andererklassenname { definition  }

Danach den Links einfach per <a href="" class="klassenname"> bzw. <a href="" class="andererklassenname"> die entsprechende Klasse zuordnen :-)

Gruß
Ben

[Dennis]

Hi baglut,

a:visited   { color: #a9a9a9; font-size: 12px; text-decoration: none }
a:link      { color: #9b9b9b; font-size: 12px; text-decoration: none }
a:hover     { color: #363636; font-size: 12px }
a:active    { color: #363636; font-size: 12px }

Laut SelfHTML ist das falsche Reihenfolge, auch wenns es trotzdem fast überall tut: http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

Ansonsten zu deiner Frage: Klassen definieren http://de.selfhtml.org/css/formate/zentrale.htm#klassen oder Individualformate verwenden http://de.selfhtml.org/css/formate/zentrale.htm#individualformate

MfG, Dennis.

[Bubax]

Hi,

a:visited   { color: #a9a9a9; font-size: 12px; text-decoration: none }
a:link      { color: #9b9b9b; font-size: 12px; text-decoration: none }
a:hover     { color: #363636; font-size: 12px }
a:active    { color: #363636; font-size: 12px }

Laut SelfHTML ist das falsche Reihenfolge, auch wenns es trotzdem fast überall tut:

Wie, falsche Reihenfolge? Es gibt kein Richtig und kein Falsch, es gibt nur Ziele und deren Verwirklichung.

Wobei ich Dir zustimmen würde, wenn Du damit sagen wolltest, daß baglut eigentlich :link, :visited, :hover, :active zu verwenden wünschte...

Daß die Schriftgröße überdefiniert ist (und dazu mit einer ungünstigen Einheit), brauche ich nicht weiter zu erwähnen...

Viele Grüße,
Bubax

[Cheatah]

Hi,

a:visited   { color: #a9a9a9; font-size: 12px; text-decoration: none }
a:link      { color: #9b9b9b; font-size: 12px; text-decoration: none }
Laut SelfHTML ist das falsche Reihenfolge,

:link und :visited schließen sich gegenseitig aus, ergo werden durch sie garantiert nur unterschiedliche Elemente selektiert, ergo ist die Reihenfolge unerheblich.

Ansonsten zu deiner Frage: Klassen definieren

Bzw. allgemeiner: Günstige Selektoren wählen.

Cheatah

[H2O]

Hallo.

Laut SelfHTML ist das falsche Reihenfolge, auch wenns es trotzdem fast überall tut: http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

Ejo.
ich wusste gar nicht, dass es auch bei CSS und Links eine Reihenfolge gibt.
Aber zum Glück nehmen es dir meisten Browser auch verkehrt an (hoffe ich).

Danke für die Info, H2O

[Cheatah]

Hi,

ich wusste gar nicht, dass es auch bei CSS und Links eine Reihenfolge gibt.

falsch im Sinne von "bringt nicht das gewünschte Ergebnis". Gemeint sind Pseudoklassen, nicht Links an sich.

Aber zum Glück nehmen es dir meisten Browser auch verkehrt an (hoffe ich).

Selbstverständlich. Und dank identischer Spezifität aller Selektoren gewinnt, sofern mehrere auf ein Element zutreffen, bei widersprüchlichen Eigenschaftszuweiseungen die letzte.

Cheatah