verschiedene Link Definitionen

[Andreas]

Hi,

ich formatiere meine Links mit den hover, active... Befehlen. Allerdings möchte ich nun 2 verschiedene Erscheinungen auf einer Seite haben. Ich möchte den einen Link unterstrichen haben und den anderen nicht.
Wie mache ich das?

Gruß
Andreas

[Frederik]

Na, ich würde mal sagen, mit classen!

link:hover.klasse1

link:hover.klasse2

Anders lassen die sich kaum unterscheiden, denke ich !?!

[Cheatah]

Hi,

Na, ich würde mal sagen, mit classen!

ich nicht, weil das wohl bedeuten würde, dass hierfür künstlich Klassen eingefügt werden - also der HTML-Code wegen der Darstellung verändert würde.

Anders lassen die sich kaum unterscheiden, denke ich !?!

Selbstverständlich doch. Es gibt weit mehr als nur die Simple Selectors, z.B. den Nachfahrenselektor " ". Nutze ihn mit der vorliegenden, semantischen und sinnvollen Struktur.

Übrigens hat *nichts* im Bereich von CSS oder HTML auch nur im Ansatz mit Befehlen zu tun.

Cheatah

[Daniel]

Hi,

link:hover.klasse1
link:hover.klasse2

muss das nciht link.klasse:hover heißen?

MfG

[Cheatah]

Hi,

muss das nciht link.klasse:hover heißen?

ja, das muss nicht link.klasse:hover heißen. Sollte, muss aber nicht.

Cheatah

[Ingo Turski]

Hi,

ja, das muss nicht link.klasse:hover heißen. Sollte, muss aber nicht.

diese Aussage von Dir? Das wundert mich jetzt aber..;-)

freundliche Grüße
Ingo

[Cheatah]

Hi,

ja, das muss nicht link.klasse:hover heißen. Sollte, muss aber nicht.
diese Aussage von Dir? Das wundert mich jetzt aber..;-)

wieso?

Cheatah

[Ingo Turski]

Hi,

wieso?

weil ich Dir nicht zugetraut hätte, dem link-Element eine CSS-Eigenschaft zuzuweisen bzw. so etwas einfach so im Raum stehen zu lassen.

freundliche Grüße
Ingo

[Cheatah]

Hi,

wieso?
weil ich Dir nicht zugetraut hätte, dem link-Element eine CSS-Eigenschaft zuzuweisen bzw. so etwas einfach so im Raum stehen zu lassen.

argl, ach so :-)

Cheatah

[Ingo Turski]

Hi,

link:hover.klasse1
link:hover.klasse2

muss das nciht link.klasse:hover heißen?

nein. es sollte
  a.klasse:hover
heißen. Das hat nichts mit dem <link>-Element zu tun.

freundliche Grüße
Ingo

[Daniel]

Hi,

nein. es sollte
  a.klasse:hover
heißen. Das hat nichts mit dem <link>-Element zu tun.

wenn dann so
a.[platzhalter klassenname]:hover{}

MfG

[Andreas]

das mit den klassen habe ich schon versucht, aber irgend einen fehler habe ich drin. es funktioniert einwandfrei, bis der link einmal angeklickt wurde, denn dann wird er nicht mehr unterstrichen.
Der copyblauindex macht probleme

.Link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #2A56A3;
font-weight: bold;
}
a.Link:link { text-decoration: none; color: #2A56A3; }
a.Link:visited { text-decoration: none; color: #2A56A3; }
a.Link:hover { display:block; text-decoration: none; color: #2A56A3; background-color: #FFF8C4; }
a.Link:active { text-decoration: none; color: #2A56A3; }

.Link_klein {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #2A56A3;
font-weight: normal;
}
a.Link_klein:link { text-decoration: none; color: #2A56A3; }
a.Link_klein:visited { text-decoration: none; color: #2A56A3; }
a.Link_klein:hover { display:block; text-decoration: none; color: #2A56A3; background-color: #FFF8C4; }
a.Link_klein:active { text-decoration: none; color: #2A56A3; }

.copyblau {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2A56A3;
text-align: right;
text-decoration: none;
}
a.copyblau:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2A56A3;
text-align: right;
text-decoration: none;
}
a.copyblau:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2A56A3;
text-align: right;
text-decoration: underline;
}
a.copyblau:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2A56A3;
text-align: right;
text-decoration: underline;
}
a.copyblau:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2A56A3;
text-align: right;
text-decoration: underline;
}

.copyblauindex {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2A56A3;
text-decoration: none;
}
a.copyblauindex:link  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2A56A3;
text-decoration: none;
}
a.copyblauindex:hover  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2A56A3;
text-decoration: underline;
}
a.copyblauindex:visited  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2A56A3;
text-decoration: underline;
}
a.copyblauindex:active  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2A56A3;
text-decoration: underline;
}

[Ingo Turski]

Hi,

es funktioniert einwandfrei, bis der link einmal angeklickt wurde, denn dann wird er nicht mehr unterstrichen.
Der copyblauindex macht probleme

nö. der macht genau das, was Du angegeben hast: :hover wird durch die _nachfolgende_ Definition für :visited überschrieben.

freundliche Grüße
Ingo

[Maz]

Moinsen,

ich formatiere meine Links mit den hover, active... Befehlen.

nebenbei: das sind Definitionen der Formatierung, Befehle gibts weder in CSS noch in HTML.

Allerdings möchte ich nun 2 verschiedene Erscheinungen auf einer Seite haben. Ich möchte den einen Link unterstrichen haben und den anderen nicht.

Entweder der Link erhält eine Klasse oder ID und diese wird explizit im CSS definiert oder Du benutzt Selektoren, um Links in bestimmten Elementen anders auszuzeichnen.

Bsp.:

einfacher link: a:link {...}

Link einer Klasse: a.sonderfall:link{...} (und <a href="..." class="sonderfall"> in HTML)

"Sonderfall" per Selektor, z.B. nur in Listenpunkten: li a:link{...}

ausführlich hier: http://de.selfhtml.org/css/formate/kaskade.htm

[Orlando]

Hallo Andreas,

ich formatiere meine Links mit den hover, active... Befehlen. Allerdings möchte ich nun 2 verschiedene Erscheinungen auf einer Seite haben. Ich möchte den einen Link unterstrichen haben und den anderen nicht.

Wie kann ich für bestimmte Verweise andere als die dateiweiten Verweisfarben definieren?

Grüße
Roland