[HTML/CSS] Problem mit Linkklassen

[alcaeus]

Hallo!

Ich habe folgende verschiedene HTML-Bereiche:

Code:

<td class="nav">...</td>

und

Code:

<span class="postbody">...</span>

In beide Bereiche kommen Links, die wie folgt aussehen:

Code:

[url="{URL}"]{TEXT}[/url]

Mein Problem ist, dass die Links die Klasse ihres Containers annehmen sollen. Der Erste Link sollte naemlich hell auf dunklem Hintergrund sein, der zweite umgekehrt. Ich kann die Links nicht bearbeiten, da diese vom phpBB ausgespuckt werden, und ich nur ein Template designe.
Zur Zeit habe ich in einem Stylesheet folgende Angabe:

Code:

a,a:visited,a:active
{
   color: #FFFFFF;
   text-decoration: none;
}

a:hover
{
   color: #000000;
   text-decoration: underline;
}

Dies hat zur Folge, dass man die Links auf hellem Hintergrund nicht sieht.

Kann mir irgendwer weiterhelfen?

Greetz
alcaeus

[edit]Als offene Frage markiert...ich vergesse das immer :wall:[/edit]

[MathiasSimmack]

Dann würde ich´s noch mal so deklarieren:

Code:

td.nav a:visited, a:link, a:hover{
  ...
}

Damit definierst du das Aussehen für einen Link, der sich in einer Tabellenzelle der Klasse "nav" befindet. Du kannst das natürlich auch auftrennen, wenn sich die Farben o.ä. unterscheiden sollen. Wichtig ist nur dass du vorn die Parent-Klasse angibst und kein Komma dazwischen setzt.

[alcaeus]

Hallo Mathias,

danke, das hilft.

Greetz
alcaeus

[alcaeus]

Hmm..ich war wohl zu voreilig.

Also, ich habe folgenden Eintrag in der CSS-Datei:

Code:

.postbody a,a:visited,a:active
{
   color: #FFFFFF;
   text-decoration: none;
}

.postbody a:hover
{
   color: #000000;
   text-decoration: underline;
}

Allerdings werden diese Einstellungen fuer alle Links uebernommen, fuer die keine Klasse angegeben wurde, auch wenn sie nicht in einem Element der Klasse postbody liegen.
Gibt es keine andere Loesung?

Greetz
alcaeus

[Luckie]

Code:

a:link {
  color: #0066ff;
}

a:visited {
  color: #0066ff;
}

a:hover {
  color: #cc9900;
}

a:link.more {
  color: #808080;
}

a:visited.more {
  color: #808080;
}

a:hover.more {
  color: #cc9900;
}

So geht es bei mir.

[alcaeus]

Hi Luckie,

ich weiss nicht genau wozu das .more gut ist, aber ich hab das Problem geloest. Diese Angabe:

Code:

.postbody a,a:visited,a:active { ... }

musste ich in folgende aendern:

Code:

.postbody a { ... }
.postbody a:visited { ... ]
.postbody a:active { ... }

Anschliessend hat es funktioniert :firejump:

Greetz
alcaeus

[MathiasSimmack]

".more" ist eine Klasse, so wie dein ".postbody".
Das einzelne "a" kannst du übrigens auch weglassen. "a:link", "a:visited" und "a:hover" reichen.

[Mystic]

Zitat:

Zitat von alcaeus

Hi Luckie,

ich weiss nicht genau wozu das .more gut ist, aber ich hab das Problem geloest. Diese Angabe:

Code:

.postbody a,a:visited,a:active { ... }

musste ich in folgende aendern:

Code:

.postbody a { ... }
.postbody a:visited { ... ]
.postbody a:active { ... }

Anschliessend hat es funktioniert :firejump:

Greetz
alcaeus

Was soll den die Redundanz? (unter der Annahme das du immer noch das gleiche Aussehen für a, a:visited und a:active benutzt). So gehts kürzer:

Code:

.postbody a, .postbody a:visited, .postbody a:active { ... }

[Luckie]

Zitat:

Zitat von alcaeus

ich weiss nicht genau wozu das .more gut ist,

Ähm, so heißt meine Link-Klasse für bestimmte Links. In diesem Fall waren das die Links auf der Referenz CD "weiter lesen,.." oder was ich da geschrieben haben. Ich hätte auch a.heinzbebelnochmalhiergibtsmehr nehmen können, fand ich dann aber doch etwas viel zu tippen immer. ;)

[alcaeus]

Zitat:

Zitat von Luckie

Zitat:

Zitat von alcaeus

ich weiss nicht genau wozu das .more gut ist,

Ähm, so heißt meine Link-Klasse für bestimmte Links. In diesem Fall waren das die Links auf der Referenz CD "weiter lesen,.." oder was ich da geschrieben haben. Ich hätte auch a.heinzbebelnochmalhiergibtsmehr nehmen können, fand ich dann aber doch etwas viel zu tippen immer. ;)

Ja, das habe ich mittlerweile bemerkt, gestern abend stand ich etwas neben mir :roteyes:
Danke für die Hilfe

Greetz
alcaeus