nicht angemeldet
Hyperlinks mit CSS verändern
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!
-
Hallo,
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?
Der Fehler liegt im System ;-)
Das Problem was du hast ist, dass die Färbung sich nur auf den Teil vor dem # im Link bezieht. Also bei faq.html#zweiframes genau so auf faq.html wie bei faq.html#farben.
Grüße
Jeena Paradies--
Nichts ist besser als Bass!-
Hallo Jeena!
Ich verstehe nicht ganz.
Die CSS Datei: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;
}Du kriegst meinen Code (der Seite, wo es nicht klappt):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><!-- InstanceBegin template="/Templates/mpivorlage.dwt" codeOutsideHTMLIsLocked="false" -->
<head><!-- InstanceBeginEditable name="doctitle" -->
<title>Info</title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- InstanceBeginEditable name="head" --><link href="../Templates/mpihelp.css" rel="stylesheet" type="text/css">
<!-- InstanceEndEditable -->
<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örper" width="100" height="75"></div></td>
</tr>
<tr>
<td width="12%" rowspan="2" align="left" valign="top"> <p> </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ä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> </p></td>
<td colspan="2" align="left" valign="top"><div align="left">
<p> </p>
<!-- InstanceBeginEditable name="ueberschrift" -->
<h1><a name="top"></a>Allgemeine Informationen</h1>
<!-- InstanceEndEditable --></div></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top"><!-- InstanceBeginEditable name="inhalt" -->
<table width="95%" a:active {color="#0000FF"} border="0" cellspacing="0">
<tr>
<td width="98%" class="inhalt"><a href="#faq1">> Was bedeutet MPI-Help?</a></td>
<td width="2%"> </td>
</tr>
<tr>
<td class="inhalt"><a href="#faq2">> Was erwartet mich bei MPI-Help?</a></td>
<td> </td>
</tr>
<tr>
<td class="inhalt"><a href="#faq3">> Worin liegt der Vorteil bei der Benutzung von MPI-Help?</a></td>
<td> </td>
</tr>.......
und so weiter-
hi,
Ich verstehe nicht ganz.
was Jeena dir sagen wollte:
für deinen browser (*) sind faq.html, faq.html#blubb und faq.html#jodel ein und die selbe ressource, also zeigt er alle derartigen links als visited an, wenn du _einen_ davon besucht hast.(*) kann auch je nach browser unterschiedlich sein.
gruß,
wahsaga--
"Look, that's why there's rules, understand? So that you _think_ before you break 'em."-
Danke!
Gibt es eine Lösung oder muss ich alles komplett umschmeißen, damit ich das Problem beheben kann?
Danke für deine Mühe...MfG
Andy soll es heißen!
-
-
-
Hallo Jeena,
Das Problem was du hast ist, dass die Färbung sich nur auf den Teil vor dem # im Link bezieht.
aber nur im IE - Opera und Firefox machen es (bei mir) richtig[tm].
Grüße aus Nürnberg
Tobias
-