Dropdown-Menü optimieren

  • Hi!
    auf meiner Website habe ich ein Dropdown-Menü. Allerdings hätte ich es lieber so, dass alle Zeilen im unteren Menü gleichgroß sind, da es so meiner Meinung nach viel besser aussieht. Mein aktueller Code für die Navigation ist so:
    #navigation {
    font-weight: bold;
    width: 95%;
    background-color: #71AF44;
    color: #000000;
    float: left;
    padding: 0 30px;
    }
    #navigation ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 10px;
    }
    #navigation li {
    margin: 0;
    padding: 0;
    float: left;
    }
    #navigation a {
    text-decoration: none;
    display: block;
    padding: 10px;
    color: #FFFFFF;
    background-color: #71AF44;
    text-align: center;
    }
    #navigation li {
    position: relative;
    }
    #navigation ul ul {
    position: absolute;
    z-index: 2;
    display: none;
    margin: auto;
    }
    #navigation ul li:hover ul {
    display: block;
    }
    /*hover-Effekte */
    #navigation a:hover {
    background-color: #008000;
    }

    Wo kann ich nun die Größe der Zeilen einstellen, bzw. geht das überhaupt? Wäre für eine Antwort sehr dankbar!

    Grüße, Patrick

  • Erst einmal vielen Dank!
    Möchte ich nun zum Beispiel dieses Dropdown-Menü in meine Website integrieren, wo steht der Code zum kopieren? Hab den auch nach langem Suchen nicht auf der Website gefunden?!

  • Sieh dir den Quellcode dieser Seite an. Für dich interessant ist der CSS-Teil, der mit #menu beginnt und der HTML-Teil zwischen <ul id="menu"> und </ul>
    Da kann man aber eigentlich selber drauf kommen, oder?