Horizontale Navbar - Paar Fragen

  • HeyHo,



    ich habe ein Paar Fragen zu meiner Navbar.



    Erst einmal mein Code: (Jede Seite ist unter dem Body-Tag mit einem wrapper versehen)



    nav.html

    Code
    1. <nav id="nav-top">
    2. <ul>
    3. <li><a href="index.php">News</a></li>
    4. <li><a href="tools.php">Tools</a></li>
    5. <ul>
    6. <li><a href="calc.php">Calculator</a></li>
    7. </ul>
    8. </ul>
    9. </nav>



    CSS



    Screen (display:none auskommentiert zum Verständnis): Bild



    #1
    Die einzelnen Nav-Punkte haben eine feste Breite von 120px. Wie bekomme ich es nun hin, dass wenn der Text länger ist (siehe Bild), sich der Text automatisch anpasst?



    #2
    Der Punkt "Calculator" soll ein Unterpunkt (drop-down Menü) von "Tools" sein.



    Dazu habe ich über "#nav-top ul ul" das "display: none" gesetzt.



    Aber egal wo ich nun ein "hover" setzte und den "display: block", es wird mir nichts angezeigt.



    Wie bekomme ich nun ein drop-down Menü hin, welches sich direkt unter dem Hauptpunkt befindet und gleichgroß ist sowie das sich der Text anpasst (soll nicht aus den 120px herausragen)?



    #3
    Der Hauptpunkt "Tools" selber soll nicht anklickbar sein bzw. keine Funktion haben. Ist nicht anklickbar möglich, wenn ja wie?
    Keine Funktion schätze ich mal einfach mit href="#" ?