Problem mit Linkformatierung

[Tim Martens]

Hallo,

ich habe in meiner CSS Datei für die Linkformatierung folg. definiert:

a:link, a:visited, a:hover, a:active, a:focus
{
  text-decoration:none;
  color:#634142;
  font-size:0.87em;
  font-weight:bold;
}
a:hover, a:active, a:focus
{
 text-decoration: underline;
}

Wenn ich jetzt einen Link im Zustand "a:link" trotzdem unterstrichen haben möchte, müßte das doch mit einer Klasse und dem Wert "text-decoration: underline;" gehen, oder?

<p class="formatedlink">
 <a href="links.html" >Musterlink</a>
</p>

Allerdings funktioniert das bei mir leider nicht. Hat jemand eine Idee wo der Fehler ist? Der Link "Musterlink" sollte durchgehend unterstrichen sein.

Viele Grüße
Tim

[Tim Martens]

Kleine Ergänzung:
Mit Netscape, Firefox und Opera funktioniert meine Version, nur der Internet Explorer weigert sich die Linie anzuzeigen.

Tim

[Ingo Turski]

Hi,

Mit Netscape, Firefox und Opera funktioniert meine Version, nur der Internet Explorer weigert sich die Linie anzuzeigen.

Du hast die Formatierung des Links in der Klasse _nach_ den anderen Formatierungen angegeben?

freundliche Grüße
Ingo

[Tim Martens]

Hallo Ingo,

Mit Netscape, Firefox und Opera funktioniert meine Version, nur der Internet Explorer weigert sich die Linie anzuzeigen.
Du hast die Formatierung des Links in der Klasse _nach_ den anderen Formatierungen angegeben?

ja, habe ich. Ist das falsch?

Viele Grüße
Tim

[Ingo Turski]

Hi,

Du hast die Formatierung des Links in der Klasse _nach_ den anderen Formatierungen angegeben?

ja, habe ich. Ist das falsch?

Nein - im Gegenteil: es erhöht die Wahrscheinlichkeit, daß es auch im IE funktioniert.
Was hast Du denn genau angegeben?
a:link {text-decoration: none;}
.formatedlink a:link {text-decoration: underline;}
sollte auf jeden Fall funktionieren, wenn nicht andere Angaben dazwischenfunken.
Oder ist der Link etwa gar nicht mehr unbesucht?

freundliche Grüße
Ingo

[Tim Martens]

Hallo Ingo,

Du hast die Formatierung des Links in der Klasse _nach_ den anderen Formatierungen angegeben?

ja, habe ich. Ist das falsch?
Nein - im Gegenteil: es erhöht die Wahrscheinlichkeit, daß es auch im IE funktioniert.
Was hast Du denn genau angegeben?
a:link {text-decoration: none;}
.formatedlink a:link {text-decoration: underline;}
sollte auf jeden Fall funktionieren, wenn nicht andere Angaben dazwischenfunken.
Oder ist der Link etwa gar nicht mehr unbesucht?

der Link war, die du richtig vermutet hast, inzwischen nicht mehr unbesucht. Außerdem hatte ich in der Klasse nur folg. zu stehen:

.formatedlink
{
 text-decoration: underline;
}

Wenn ich die Klasse jetzt wie folgt ändere, werden jedoch alle Links, also auch solche, die nicht mit der Klasse formatiert wurden, mit einer Linie versehen.

.formatedlink a:link, a:visited, a:hover, a:active, a:focus
{
 text-decoration: underline;
}

Viele Grüße
Tim

[Ingo Turski]

Hi,

.formatedlink a:link, a:visited, a:hover, a:active, a:focus

hiermit selektierst Du unbesuchte Links in einem Element der Klasse .formatedlink sowie alle besuchten, gehoverten, aktiven und den Fokus besitzenden Links.
Wenn Du für alle Zustände dieselbe Formatierung willst, dann reicht .formatedlink a{} aus - nach den anderen Link-Formatierungen angegeben.

freundliche Grüße
Ingo

[Tim Martens]

Hallo Ingo,

.formatedlink a:link, a:visited, a:hover, a:active, a:focus
hiermit selektierst Du unbesuchte Links in einem Element der Klasse .formatedlink sowie alle besuchten, gehoverten, aktiven und den Fokus besitzenden Links.
Wenn Du für alle Zustände dieselbe Formatierung willst, dann reicht .formatedlink a{} aus - nach den anderen Link-Formatierungen angegeben.

ich habe die Formatierung im Style Sheet jetzt geändert:

.formatedlink a
{
 font-size: 1.2em;
 font-family: Comic Sans MS;
 text-decoration: underline;
}

Allerdings ist der Link immer noch nicht unterstrichen. :-(

<p class="formatedlink">
 <a href="links.html" >Musterlink</a>
</p>

Viele Grüße
Tim

[Axel Richter]

Hallo,

ich habe die Formatierung im Style Sheet jetzt geändert:
.formatedlink a
{
font-size: 1.2em;
font-family: Comic Sans MS;
text-decoration: underline;
}

Stehen diese Definitionen _nach_ denen für die allgemeinen Links?

also:

a:link, a:visited ... {
}
.formatedlink a {
}

Allerdings ist der Link immer noch nicht unterstrichen. :-(
<p class="formatedlink">
<a href="links.html" >Musterlink</a>
</p>

Wenn meine obige Frage mit ja beantwortet ist und es trotzdem nicht funktioniert, dann beachtet offensichtlich ein Browser (IE?) die Spezifität der Selektoren nicht korret. Zwinge ihn mit:

.formatedlink a:link, .formatedlink a:visited, .formatedlink a:active ... {
}

viele Grüße

Axel

[Tim Martens]

Hallo Axel,

genau das wars, vielen Dank. :-)

Viele Grüße
Tim