Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 06.11.2009, 21:45
gachet gachet ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.03.2009
Beiträge: 7
gachet befindet sich auf einem aufstrebenden Ast
Standard CSS Drop Down Menü

Hallo,

ich habe mir über einen CSS Generator ein Menü erstellt. Leider funktioniert aber die Möglichkeit als Drop Down nicht. Also wenn ich innerhalb von <li> ein <ul><li></li></ul> </li> habe, dann funktioniert dies nicht, da ich den weg nach unten wohl erst definieren muss. Ich habe nun mein Menü mit anderen drop down menüs verglichen aber ich finde irgendwie keinen Anhaltspunkt. Es wäre schön, wenn man unter beibehaltung des Designs menüpunkte nach unten einblenden könnte...also bei mouse over soll es dich möglichkeit geben das ein drop down menü angezeigt wird.

Code:
/*- Menu Tabs 8--------------------------- */

    #tabs8 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      font: 13px Verdana;
      }
    #tabs8 ul {
          margin:0;
          padding:0px 0px 0 0px;
          list-style:none;
          
      }
    #tabs8 li {
      display:inline;
      margin:0;
      padding:0;
      
      }
    #tabs8 a {
      float:left;
      background:url("tableft8.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
       border-bottom:1px solid #E276A7;
      }
    #tabs8 a span {
      float:left;
      display:block;
      background:url("tabright8.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#333;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs8 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs8 a:hover span {
      color:#591333;
      }
    #tabs8 a:hover {
      background-position:0% -42px;
      }
    #tabs8 a:hover span {
      background-position:100% -42px;
      }

      #tabs8 #current a {
              background-position:0% -42px;
      }
      #tabs8 #current a span {
              background-position:100% -42px;
      }

</style>
        </head>

        <body>
                <h2>Tab Menu 8</h2>
                <div id="tabs8">
                        <ul>
                                <!-- CSS Tabs -->
<li><a href="home.html"><span>Home</span></a></li>
<li><a href="products.html"><span>Products</span></a></li>
<li><a href="services.html"><span>Services</span></a></li>
<li><a href="support.html"><span>Support</span></a></li>
<li><a href="order.html"><span>Order</span></a></li>
<li><a href="about.html"><span>About</span></a></li>

                        </ul>
                </div>
danke!
Mit Zitat antworten
Sponsored Links