Link Gestaltung mit CSS im a Tag
coolblue
- css
Guten Morgen Allerseits,
in einer externen Datei habe ich folgende Werte abgelegt:
a:link { color:#FFA500; }
a:visited { color:#FFA500; }
Da nicht alle Links standardmäßig sind, möchte ich gerne den einen oder anderen Link farblich anders Gestalten. Hierfür habe ich die Klasse
a.tdlink:link { color:#000000; }
definiert. Leider klappt das nicht so ganz :/
<a href="irgendeinlink" class="tdlink">test-test-test</a>
Das Problem habe ich allerdings nur mit Opera V7.45, nicht aber mit IE V5.5.
Kennt jemand den Grund und auch einen Workaround, außer dass ich die Farbe direkt im Tag angebe?
Viele Grüße,
coolblue
Hi,
definiert. Leider klappt das nicht so ganz :/
<a href="irgendeinlink" class="tdlink">test-test-test</a>
Laß die \ weg.
cu,
Andreas
Hallo Andreas,
definiert. Leider klappt das nicht so ganz :/
<a href="irgendeinlink" class="tdlink">test-test-test</a>Laß die \ weg.
das geht leider nicht!
print "<a href="irgendeinlink" class="tdlink">test-test-test</a>\n";
:-)
Viele Grüße,
coolblue
Hallo,
Laß die \ weg.
das geht leider nicht!
print "<a href="irgendeinlink" class="tdlink">test-test-test</a>\n";
was meinst mit "geht leider nicht"? Was meinst du mit "print"?
Mit freundlichen Grüßen
André
moin!
was meinst mit "geht leider nicht"? Was meinst du mit "print"?
weil er es sicherlich mit perl oder php ausgibt.
gruß.
roger.
moin
weil er es sicherlich mit perl oder php ausgibt.
yes :-)
Viele Grüße,
coolblue
Hallo,
was meinst mit "geht leider nicht"? Was meinst du mit "print"?
»»
damit meine ich, dass ich meine Seiten dynamisch mit Perl (CGI) generiere.
Viele Grüße,
coolblue
Hi,
das geht leider nicht!
print "<a href="irgendeinlink" class="tdlink">test-test-test</a>\n";
Für clientseitige Probleme ist nur der clientseitige Code relevant - also bitte nur diesen posten.
cu,
Andreas
Hallo Andreas,
entschuldige bitte, jetzt habe ich dich nicht verstanden.
Es gibt so gesehen keine Probleme, ausser dass der Browser Opera den Link nicht anders farblich darstellt, wenn ich ihn mit Angabe einer Klasse direkt im a Tag ändern möchte.
Wie schon beschrieben, funktioniert es aber mit IE.
Nun würde ich gerne wissen, ob das ein grundsätzliches Problem ist und ich als Workaround statt der Klasse direkt mit einer Farbdefinition arbeiten muss, zumindest in diesem Einzelfall.
Viele Grüße,
coolblue
Hallo coolblue,
entschuldige bitte, jetzt habe ich dich nicht verstanden.
das was beim Client ankommt ist pures HTML mit CSS ohne "". Deshalb solltest du nur den Client-seitigen und relevanten Quelltext posten.
Mit freundlichen Grüßen
André
das was beim Client ankommt ist pures HTML mit CSS ohne "". Deshalb solltest du nur den Client-seitigen und relevanten Quelltext posten.
»»
ahh ok!
<ausschnitt>
<html>
<head>
<title>Monitoring Linux Systems</title>
<link rel="stylesheet" type="text/css" href="/css/DesignS8.css">
</head>
<body>
...
...
...
<table width="200%" border="0" cellpadding="0" cellspacing="0" class="tab1">
<tr>
<td width="1%"></td>
<td width="198%" align="center" valign="center">
<table width="100%" border="1" cellpadding="0" cellspacing="0" class="tab4">
<tr>
<th width="4%" height="30" align="center" valign="center" class="tab5">mTime</th>
<th width="4%" height="30" align="center" valign="center" class="tab5">User</th>
<th width="4%" height="30" align="center" valign="center" class="tab5">PID</th>
<th width="4%" height="30" align="center" valign="center" class="tab5">PPID</th>
<th width="4%" height="30" align="center" valign="center" class="tab5">minflt</th>
<th width="4%" height="30" align="center" valign="center" class="tab5">majflt</th>
<th width="4%" height="30" align="center" valign="center" class="tab5">%user</th>
<th width="4%" height="30" align="center" valign="center" class="tab5">%system</th>
<th width="4%" height="30" align="center" valign="center" class="tab5">swap/s</th>
<th width="5%" height="30" align="center" valign="center" class="tab5">sTime</th>
<th width="59%" height="30" align="left" valign="center" class="tab5">Command</th>
</tr>
<tr>
<td width="4%" align="left" valign="top">10:00:29</td>
<td width="4%" align="left" valign="top">oracle</td>
<td width="4%" align="right" valign="top"><a href="/coolblue/sindex.cgi?Srv=lxzpr001" class="tdlink">2467</a></td>
</ausschnitt>
---
<ausschnitt css-Datei>
a:link { color:#FFA500; }
a:visited { color:#FFA500; }
td { border-color:#000000; }
body { background-color:#000000; }
a.tdlink:link { color:#000000; }
.tab1 { background-color:#000000; }
.tab2 { background-color:#000000; color:#FFA500; font-family:Times; font-size:14pt; }
.tab3 { background-color:#000000; color:#FFA500; font-family:Times; font-size:11pt; }
.tab4 { background-color:#FFFFFF; border-style:inset; border-width:1px; color:#000000; font-family:Arial; font-size:10pt; }
</ausschnitt>
Nun möchte ich mit tdlink den Link farblich anders Gestalte, aber das gelingt mir leider nicht.
Viele Grüße,
coolblue
Hallo coolblue,
Wenn du nur
a.tdlink:link { color:#000000; }
schreibst, gilt die Formatierung nur für Links der Klasse "tdlink", die noch nie besucht wurden, nicht aktiv und nicht gerade gehovert werden. Bist du sicher, dass du die Links, bei denen es "nicht geht", noch nie besucht hast?
Gruss aus Luzern,
Daniel
Hi,
a.tdlink:link { color:#000000; }
schreibst, gilt die Formatierung nur für Links der Klasse "tdlink", die noch nie besucht wurden,
richtig. :link und :visited schließen sich gegenseitig aus.
nicht aktiv und nicht gerade gehovert werden.
falsch. :link und :active und :hover und :focus können alle gleichzeitig auf ein Element zutreffen.
cu,
Andreas
Hi,
a.tdlink:link { color:#000000; }
schreibst, gilt die Formatierung nur für Links der Klasse "tdlink", die noch nie besucht wurden,richtig. :link und :visited schließen sich gegenseitig aus.
nicht aktiv und nicht gerade gehovert werden.
falsch. :link und :active und :hover und :focus können alle gleichzeitig auf ein Element zutreffen.
cu,
Andreas
ok!
ich habe
a.tdlink:link { color:#000000; }
in die css-Datei hinzugefügt und schon klappt es, was ich aber nicht ganz verstehe ist... keiner der Links war besucht, müssten sie dann nicht schwarz sein?
Viele Grüße,
coolblue
Hi,
ich habe
a.tdlink:link { color:#000000; }
in die css-Datei hinzugefügt
Das stand doch schon vorher drin
und schon klappt es, was ich aber nicht ganz verstehe ist... keiner der Links war besucht, müssten sie dann nicht schwarz sein?
Wenn Du obiges tatsächlich erst jetzt hinzugefügt hast, wie hätten die Links vorher schwarz sein sollen?
cu,
Andreas
a.tdlink:link { color:#000000; }
ok !
ich habe
a.visited:link { color:#000000; }
in die css-Datei hinzugefügt und schon klappt es, was ich aber nicht ganz verstehe ist... keiner der Links war besucht, müssten sie dann nicht schwarz sein?
Viele Grüße,
coolblue
Hi,
a.tdlink:link { color:#000000; }
ich habe
a.visited:link { color:#000000; }
in die css-Datei hinzugefügt und schon klappt es,
Haben Deine Links die Klasse tdlink oder die Klasse visited?
cu,
Andreas
Hi,
a.tdlink:link { color:#000000; }
ich habe
a.visited:link { color:#000000; }
in die css-Datei hinzugefügt und schon klappt es,Haben Deine Links die Klasse tdlink oder die Klasse visited?
cu,
Andreas
grrr imma diese schreibfehler... es lebe cut and paste :-)
a.tdlink:link { color:#000000; }
a.tdlink:visited { color:#000000; }
<td width="4%" align="right" valign="top"><a href="/coolblue/sindex.cgi?Srv=lxzpr001" class="tdlink">2484</a></td>
aber nun zu meiner frage... warum wurde der link nicht schwarz dargestellt, denn er war ja nicht besucht... alle xxxx links waren es nicht...
Viele Grüße,
coolblue
Hi,
aber nun zu meiner frage... warum wurde der link nicht schwarz dargestellt, denn er war ja nicht besucht... alle xxxx links waren es nicht...
Weil Dein Browser ihn als besucht betrachtet hat.
cu,
Andreas
Hi,
aber nun zu meiner frage... warum wurde der link nicht schwarz dargestellt, denn er war ja nicht besucht... alle xxxx links waren es nicht...
Weil Dein Browser ihn als besucht betrachtet hat.
hmmmm :/
Viele Grüße,
coolblue
a.tdlink:link { color:#000000; }
a.tdlink:visited { color:#000000; }
Probier es doch mal aus:
a.tdlink:link { color:#000; }
a.tdlink:visited { color:#F00; }
Sind die Links schwarz oder Rot?
Dann weißte du ob diese besucht waren oder nicht.
Struppi.
Wenn du nur
a.tdlink:link { color:#000000; }
schreibst, gilt die Formatierung nur für Links der Klasse "tdlink", die noch nie besucht wurden, nicht aktiv und nicht gerade gehovert werden. Bist du sicher, dass du die Links, bei denen es "nicht geht", noch nie besucht hast?
es sind ca 4000 Links, die haben alle die gleiche Farbe... nämlich gold und leider nicht schwarz...
Viele Grüße,
coolblue