Hyperlinks mit CSS

Dieses Thema Hyperlinks mit CSS im Forum "Webentwicklung, Hosting & Programmierung" wurde erstellt von Jo3, 26. Feb. 2005.

Thema: Hyperlinks mit CSS Für meine Homepage hab ich in der zentralen css Datei folgendes für meine Links festgelegt: a_hover: ändert Farbe in...

  1. Jo3
    Jo3
    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!
     
  2. 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.
     
  3. Jo3
    Jo3
    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!
     
  4. Das kommt in den Head:
    Code:
    <head>
    
    <style>
    A: active {...}
    </style>
    
    </head>
    
    <body>
    ...
    
     
  5. Jo3
    Jo3
    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><!-- InstanceBegin template=/Templates/mpivorlage.dwt codeOutsideHTMLIsLocked=false -->
    <head>
    <style>
    a:active {color=0000FF}
    </style>
    <!-- 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>
    <tr>
     
  6. alt:
    neu:
    // Code Tags in Quote Tags geändert
     
  7. Jo3
    Jo3
    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?
     
  8. Mit dem was du postest beißt sich, so weit man das beurteilen kann, nichts. Hast du mal einen Link zu besagter Seite?
     
  9. Jo3
    Jo3
  10. 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.
     
Die Seite wird geladen...

Hyperlinks mit CSS - Ähnliche Themen

Forum Datum
Hyperlinks in Outlookmails lassen sich nicht mehr starten nach Browserwechsel Windows 7 Forum 27. Feb. 2010
Probleme mit Word-Hyperlinks Windows XP Forum 15. Aug. 2011
excel 2003 hyperlinks unter excel 2007 Windows XP Forum 12. Apr. 2011
Word 2000 - Seltsames Problem mit Hyperlinks Microsoft Office Suite 2. März 2011
Hyperlinks Windows XP Forum 14. Jan. 2011