Probleme Dropdown Menü

html.de-Forum HTML, XHTML & CSS
1

Hi, ich habe ein Problem mit dem Dropdown Menue.
Ich wollte alles untereinander angezeigt haben und die unterpunkte sollen dadrunter aufgehen, aber iwie haut das nicht hin.

[HTML]

        *{
            margin: 0px;
            padding: 0px;
        }
        ul#nav{
            width: 300px;
            height: 300px;
            float: left;
            display: inline;
        }
        ul#nav li.navi{
            display: inline-block;
            postion: relative;
        }
        ul#nav ul{
            display: none;
        }
        ul#nav li:hover ul{
            display: inline;
            position: absolute;
        }
        ul#nav li.navi ul li{
            display: inline;
            width: 100%;
            height: 20%;
        }  
       
        ul{
            display: inline;
            background-color: #222;
            border-radius: 5%;
            margin: 0%;
            float: left;
            font-size: 122%;
        }
       
        ul li:hover{
            background-color: green;
            }
   
        a{ color: orange;}
       </style>
[/HTML]

ich danke euch :slight_smile:

2

Was mal direkt ohne großes Überlegen ins Auge springt: für den Zeichenumfang aller Links der 1. Menüebene reichen die 300px Breite bei weitem nicht aus, um sie in einer Zeile angeordnet zu bekommen.

Anyway… für CSS-Dropdown-Menüs existieren im Netz mittlerweile soo viele Vorlagen in Form von Anleitungen / HowTos / Demos, dass mir hier auf der ersten Themenseite der Platz ausgeht, sie alle aufzulisten, und man eigentlich nur noch darin einen Fehler begehen kann, nicht mit Hilfe von Google auf solche Quellen zurückzugreifen, wenn die eigenen Kenntnisse es (noch) nicht hergeben :frowning:
[ul]
[li] https://envato.com/blog/css-snippets-responsive-menus/ [/li]
[li] https://webdesignerhut.com/css-dropdown-menu/ [/li][/ul]
Wer’s mit der englischen Sprache nicht so haben sollte, muss deshalb noch lange nicht auf der Strecke bleiben:
[ul]
[li]https://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Dropdown-Menüs_mit_CSS_gestalten[/li]
[li] http://www.olivergast.de/blog/2012/04/18/css3-dropdown-menu/ [/li][/ul]

3

float: left in Verbindung mit position: absolute ist ebenso sinnfrei wie ul#nav.

4

Genau genommen ist das Thema/Problem sinnfrei :cool::smiley: