Hyperlinks mit CSS

Jo3 · 26.02.2005

Für meine Homepage hab ich in der zentralen css Datei folgendes für meine Links festgelegt:
a_hover: ändert Farbe in hellblau
a_link: alle Links erscheinen in blau, ohne unterstreichung, Verdana, 11 pt
a_visited: besuchte Links verändern ihr Aussehen in ein weinrot

Bei einer meiner Seiten gibt es eine FAQ Seite. Die Fragen werden oben zuerst angeordnet, mittels internem Link (Anker) kommt man zu den einzelnen Fragen. Zu jeder Frage gibt es einen Link (TOP), um nach oben der Seite zu kommen.

Warum werden alle Links auf dieser FAQ Seite, wenn man diese über FAQ aufruft, weinrot markiert, obwohl der Besucher noch gar nichts angeklickt hat? Das FAQ weinrot wird, ist klar (hat man ja aufgerufen), aber die Links auf der Seite an sich dürften doch ihr Aussehen nicht ändern! Wo ist der Fehler?
Danke für die Hilfe!

Cledith · 26.02.2005

Definier auf der Seite zusätzlich mal ein

Code:

a:active  {color: #diefarbederlinks }

Dann ist es verschwunden. Die Links sind deshalb aktiv, weil sie auf selbige Seite verlinken.

Jo3 · 26.02.2005

Danke!
Wo muss ich dies hinschreiben, im body? Die Seite ist aus einer Vorlage zusammengesetzt. Im Dreamweaver kann ich diesen Bereich dann nicht mehr verändern!

Cledith · 26.02.2005

Das kommt in den Head:

Code:

&lt;head>

&lt;style>
A: active {...}
&lt;/style>

&lt;/head>

&lt;body>
...

Jo3 · 26.02.2005

Ich verzweifle! Die Grundfarbe der Links ist blau (darum habe ich also 0000FF eingefügt). Wie gesagt: Diese Seite besteht aus einer Vorlage, damit meine Site einheitlich aussieht. DANKE!

Jetzt kriegst du den Code, es geht nicht:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>
<html>
<head>
<style>
a:active {color=0000FF}
</style>

<title>Info</title>

<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>


<link href=../Templates/mpihelp.css rel=stylesheet type=text/css>

<link href=mpihelp.css rel=stylesheet type=text/css>
</head>

<body bgcolor=#CCCCCC>
<table width=99% border=0 cellpadding=0 cellspacing=0>
<tr bgcolor=#FFFFFF>
<td width=12%> <div align=left><img src=../Bilder/logo.gif alt=Logo Zeichen Omega width=100 height=75 border=0 usemap=#Map></div></td>
<td align=center valign=middle><div align=left><font color=#0066FF size=+7 face=Verdana, Arial, Helvetica, sans-serif><strong>MPI-Help</strong></font></div></td>
<td align=center valign=middle><div align=right><img src=../Bilder/geofig.gif alt=geometrische K&ouml;rper width=100 height=75></div></td>
</tr>
<tr>
<td width=12% rowspan=2 align=left valign=top> <p>&nbsp;</p>
<p><font face=Verdana, Arial, Helvetica, sans-serif><a href=../index.htm>Home</a></font></p>
<p><font face=Verdana, Arial, Helvetica, sans-serif><a href=info.htm>Info</a></font></p>
<p><font face=Verdana, Arial, Helvetica, sans-serif><a href=aufgaben.htm>Aufgaben</a></font></p>
<p><font face=Verdana, Arial, Helvetica, sans-serif><a href=links.htm>Links</a></font></p>
<p><a href=geschuetzt/login.htm><img src=../Bilder/login.gif alt=Login Logo width=59 height=29 border=0></a></p>
<p><font face=Verdana, Arial, Helvetica, sans-serif><a href=zukunft.htm>Zukunft</a></font></p>
<p><font face=Verdana, Arial, Helvetica, sans-serif><a href=http://www.arcor.de/tp/home/gaestebuch/guest.php3?pagename=2116516 target=_blank>G&auml;stebuch</a></font></p>
<p><font face=Verdana, Arial, Helvetica, sans-serif><a href=kontakt.htm>Kontakt</a></font></p>
<p><font face=Verdana, Arial, Helvetica, sans-serif><a href=impressum.htm>Impressum</a></font></p>
<p>&nbsp;</p></td>
<td colspan=2 align=left valign=top><div align=left>
<p>&nbsp;</p>

<h1><a name=top></a>Allgemeine Informationen</h1>
</div></td>
</tr>
<tr>
<td colspan=2 align=left valign=top>
<table width=95% a:active {color=#0000FF} border=0 cellspacing=0>
<tr>
<td width=98% class=inhalt><a href=#faq1>&gt; Was bedeutet MPI-Help?</a></td>
<td width=2%>&nbsp;</td>
</tr>
<tr>
<td class=inhalt><a href=#faq2>&gt; Was erwartet mich bei MPI-Help?</a></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class=inhalt><a href=#faq3>&gt; Worin liegt der Vorteil bei der Benutzung von MPI-Help?</a></td>
<td>&nbsp;</td>
</tr>
<tr>

Cledith · 26.02.2005

alt:

<style>
a:active {color=0000FF}
</style>

neu:

<style>
a:active {color:#0000FF}
</style>

// Code Tags in Quote Tags geändert

Jo3 · 26.02.2005

Hallo Cledith!
Danke nochmals. Deine Geduld...

Die Css sieht bei mir so aus:
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 700;
color: #FFFF33;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #0000FF;
text-decoration: none;

}
.inhalt {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:hover {
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0099FF;
text-decoration: none;

}
a:visited {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #9900CC;
}

Irgendwo beißt sich was?

Cledith · 26.02.2005

Mit dem was du postest beißt sich, so weit man das beurteilen kann, nichts. Hast du mal einen Link zu besagter Seite?

Jo3 · 26.02.2005

Extra für dich, vorab hab ich nun alles hochgeladen:

home.arcor.de/maaregensburg

Cledith · 26.02.2005

Extra für dich, vorab hab ich nun alles hochgeladen:

Ui, ich bin der Erste!! *stolzsei*

Ich gehe davon aus, dass du diese Seite meinst?
Sollte es die sein, kann ich dein Problem nicht nachvollziehen. Bei mir werden die Links sofort in Blau angezeigt. Wobei ich in der Seite aber nicht den style-Bereich finde, den du mal mit einbauen solltest.

Jo3 · 26.02.2005

Wird ein Abschlussprojekt! Die Uni ist schon ganz besessen drauf...

Du meinst die RICHTIGE Seite!
Die Navigation auf der linken Seite funktioniert (alles blau),
so:
sobald du auf Info klickst, werden alle Links auf dieser Seite in der Farbe geändert!

Der Vorschlag ist bei Hochladen jetzt nicht drinn!

Cledith · 26.02.2005

Dann müssen wir mal woanders ansetzen, da dass bei mir weder in Opera, IE noch in Firefox so ist.
Welchen Browser benutzt du denn und auf welchem System läuft er?

BTW: Hast es denn mal probiert mit der korrekten Fassung des style-Tags? Hat es dann geklappt?

Jo3 · 26.02.2005

Hab nun neu mit <style> ... alles hochgeladen.
Die komplette Site ist mit Dreamweaver MX 2004 geschrieben, ich nutzte MS XP Home ServicePack2, benutze IE 6.0.

Jo3 · 26.02.2005

Mit <style> ist das Problem nicht behoben. Die CSS kann ich nicht rausnehmen, da sonst alles für den Mülleimer ist.
Wenns bei dir geht, muss bei mir vielleicht Systemintern der haken liegen....

Cledith · 26.02.2005

Also du sagst doch, dass die Links auf der linken Seite blau sein sollen. Wenn sie aktiv sind und wenn sie besucht wurden, dann sollen sie lila werden. Die Liste der Fragen soll auch blau sein, wenn man auf die Seite kommt und wenn man einen dieser Links angeklickt hat, dann sollen sie auch lila werden. Ist das so richtig?

Hyperlinks mit CSS

Jo3

Cledith

Jo3

Cledith

Jo3

Cledith

Jo3

Cledith

Jo3

Cledith

Jo3

Cledith

Jo3

Jo3

Cledith

Hyperlinks mit CSS

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums