Yahoo Clever wird am 4. Mai 2021 (Eastern Time, Zeitzone US-Ostküste) eingestellt. Ab dem 20. April 2021 (Eastern Time) ist die Website von Yahoo Clever nur noch im reinen Lesemodus verfügbar. Andere Yahoo Produkte oder Dienste oder Ihr Yahoo Account sind von diesen Änderungen nicht betroffen. Auf dieser Hilfeseite finden Sie weitere Informationen zur Einstellung von Yahoo Clever und dazu, wie Sie Ihre Daten herunterladen.

Mike
Mike fragte in Computer & InternetProgrammierung & Design · vor 1 Jahrzehnt

Probleme mit HTML Seiten (Programmierung)?

Ich habe eine kleine Homepage erstellt und mochte nun zu verlinken von Seite zu Seite rechts so einen Balken mit Links erstellen. Den link-Befehl usw. kenne ich. Ich muss nun (damit mein Lehrer endlich zufrieden wird) die Farbe der Links im Balken über CSS ändern. Wenn ich dies jedoch tue (egal ob mit id="" oder mit div li a { color: #111111 } ) verändern sich alle Links. Wie mache ich das nun, dass sich nur die Links im Balken (<div> <li><a href="bla">Bla</a></li> </div>) ändern?

Update:

Es muss mit CSS bearbeitet werden!!!

2 Antworten

Bewertung
  • Quasimodos Klon
    Lv 6
    vor 1 Jahrzehnt
    Beste Antwort

    <style type="text/css">

    #navigation

    { /*hier die Liste formatieren

    z.B. andere Listenzeichen, eigene Grafik, Einrückung

    http://de.selfhtml.org/css/eigenschaften/listen.ht...

    */

    }

    #navigation li

    { /*Hier die ggf. Listeneinträge formatieren*/

    }

    /* Links innerhalb der Liste mit der ID "navigation" */

    #navigation a:link /*nicht besuchter Link*/

    { color:#111111;

    }

    #navigation a:visited /*besuchter Link*/

    { color:#222222;

    }

    #navigation a:focus /*Fokus, z.B. mit Tab-Taste ausgewählt*/

    { color:#333333;

    }

    #navigation a:hover /*Maus drüberhalten*/

    { color:#444444;

    }

    #navigation a:active /*aktiver Link (nach anklicken, vor allem bei Frames sinnvoll)*/

    { color:#555555;

    }

    </style>

    <ul id="navigation">

    <li><a href="bla">Bla</a></li>

    <li><a href="bla2">Bla2</a></li>

    </ul>

    Listeneinträge (li) gehören in eine Liste (ul, ol, dl, menu, dir)!

  • schlafmütze
    vor 1 Jahrzehnt

    da gibts mehrere möglichkeiten, hier mal zwei:

    <div> <li><a href="bla" style="color:#111111;">Bla</a></li> </div>

    oder

    <style>

    .balken_a {color:#111111;}

    .balken_b {color:#222222;}

    </style>

    <div> <li><a href="bla" class="balken_a">Bla</a></li> </div>

Haben Sie noch Fragen? Jetzt beantworten lassen.