highlight aktuell ausgewählten link im css-Menü-Leiste

Ich habe eine Seite mit dieser URL: http://localhost:8000/progress/c/?l=1&c=1

- Und unterhalb des Inhalts zu arbeiten, als ein einfaches css-Menü-Leiste.

<div class="menu_div">
    <ul>
        <li><a href="/progress/c/?l=1&c=1"> l1c1 </a></li>
        <li><a href="/progress/c/?l=2&c=1"> l1c1 </a></li>
        <li><a href="/progress/c/?l=3&c=1"> l1c1 </a></li>
        <li><a href="/progress/c/?l=4&c=1"> l1c1 </a></li>
    </ul>
</div>

CSS-styling ist

.menu_div ul
{
    padding:6px;
    margin:0px;
    font-size:12px;
    list-style:none;
    text-indent:15px;

}
.menu_div ul li
{
    line-height:28px;
    border-bottom:1px solid #000;
}
.menu_div ul li a
{
    text-decoration:none;
    font-color:#3A332D;
    display:block;
}
.menu_div ul li a:hover
{
    background:blue;
}
.menu_div ul li#active
{
    background:blue;
}

Wenn ich den Mauszeiger über die links, die Hintergrundfarbe ändert sich aber der aktuell ausgewählte Menüpunkt ist nicht hervorgehoben in blau.

Bin ich mit django-framework.

  • Ich glaube, Ihr localhost URL ist nicht zugänglich für den rest der Welt 😉
  • wenn Sie Lesen, die Frage, das ist neben dem Punkt.
  • ja aber wie können Sie wissen, was active hat der Autor meine. Wir haben nicht genug HTML bei, dass. Wenn 'aktuell ausgewählten Menü-link" kommt mit Klasse active die Antwort ist klar, sonst gibt es vielleicht andere Probleme.
  • fair genug, mehr html-oder direkten Zugriff auf den Quellcode hilft immer
InformationsquelleAutor John | 2012-04-29
Schreibe einen Kommentar