kostenloser Webspace werbefrei: lima-city


Navigation - Hover

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    ixciu

    ixciu hat kostenlosen Webspace.

    Hallo zusammen

    Ich habe eine Frage bezüglich meinem Menü.
    Ich habe ein Menü bzw. Navi mit Hover. Wenn man jetzt eine Seite anschaut, möchte ich, das der Hover auf dem Navi Punkt bleibt.
    Bis jetzt ist es so gelöst, das der Hover immer auf Home bleibt!


    Das ist der Code:

    #menu {
       width: 940px;
       height: 49px;
       margin: 0 auto;
       padding: 0;
    }
    
    #menu ul {
       margin: 0;
       padding: 0;
       list-style: none;
       line-height: normal;
    }
    
    #menu li {
       float: left;
       border-left: 1px solid #4E9CE9;
    }
    
    #menu a {
       display: block;
       width: 155px;
       height: 33px;
       padding-top: 16px;
       text-decoration: none;
       text-align: center;
       font-family: Verdana;
       text-transform:uppercase;
       font-size: 13px;
       font-weight: bold;
       color: #FFFFFF;
       border: none;
    }
    
    #menu a:hover, #menu .current_page_item a {
       background: #4E9CE9;
       text-decoration: none;
    }
    
    #menu .current_page_item a {
       background: #4E9CE9;
       padding-left: 0;
    }




    Ich hoffe mir kann jemand helfen.


    lg
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. nimm doch die pseudoklasse a:active, und nimm denselben code.
  4. Hallo!

    Das ist eine Sache, die du mit PHP lösen solltest. Du verleihst ja schon dem "Home" die Klasse "current_page_item" - Sinnvoll ist es aber diese Klasse dynamisch zu verteilen. Also fragst du über den "$_GET["section"] ab, wo du bist und vergibst dementsprechend die Klasse. Eine CSS Möglichkeit gibt es hier nicht wirklich. Es gibt zwar mit CSS drei erweiterte Selektoren, aber die Lösung ist nicht die beste. Kannst dir ja trotzdem mal anschauen, wie das funktioniert.
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!