kostenloser Webspace werbefrei: lima-city

Navigation - Hover

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   ixciu

   ixciu hat kostenlosen Webspace.

   14:33, 8.1.2010

   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. nicoa

   

   nicoa hat kostenlosen Webspace.

   14:44, 8.1.2010

   nimm doch die pseudoklasse a:active, und nimm denselben code.
   

4. josefliedl

   josefliedl hat kostenlosen Webspace.

   8:18, 10.1.2010

   vielleicht hilft dir das weiter

5. w******s

   10:28, 10.1.2010

   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.

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?