horiz. dropdown menue / access Frage

yovoli

Ich hab mich im twenty template verlaufen :-)

Ich möchte auf Link
unter dem ersten Menue Punkt ein Dropdown Menue erstellen ..
Gesagt getan , nur hab ich jetzt folgendes Problem :-)

Das Dropdown ist vertical, soll aber horizontal erscheinen.
Gegooglet und gefunden > diplay: inline oder float: left benutzen ..

Nach unzähligem try&error (mehr kann ich net) hab ich ziemlich viele Funktionen im access Bereich gefunden .. Aber nicht die Lösung des Problems.

Kann da jemand helfen?
Bzw. ich habe auch hier gesucht und nix gefunden .. evt falschen suchbegriff benutzt?

mein Tipp wäre ja das ich unter

Code

#access ul li:hover > ul

display:inline benutzen müsste - passiert aber nix..
Selbst wenn ich überall display: inline hinschreibe sieht das noch vertical aus :-)

Hier mal der überquellende Code .. Habe schon gemerkt des ich des meiste nicht brauche / doppelt gemoppelt ist ;-)

Code

#access .menu-header,
div.menu {
    font-size: 13px;
    align: center;
    width: 674px;
}
#access .menu-header ul,
div.menu ul {
    list-style: none;
    margin: 0;
}
#access .menu-header li,
div.menu li {
    float: left;
    position: relative;
left: 55px;
}
#access a {
    color: #00000;
    display: block;
    line-height: 38px;
    padding: 0 10px;
    text-decoration: none;
}
#access ul ul {
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    float: left;
    width: 180px;
    z-index: 99999;
}
#access ul ul li {
    min-width: 180px;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul ul a {
    background: #fffff;
    line-height: 1em;
    padding: 10px;
    width: 160px;
    height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
    background: #fffff;
    color: #fff;
}
#access ul li:hover > ul {
    display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
    color: #fff;
}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

yovoli

keine Antwort weil die Frage doof ist, oder weil es keiner weiss ?

Naja ich hab das Problem noch immer und bin über einen "wink" in die richtige Richtung dankbar
Gruss

Bambaataa

HTML

.sub-menu li{float:left}

geht nicht?

yovoli

.sub-menu gab es im template bisher nicht.
leider bringt das einfügen keinen Unterschied.

Hmm naja so wie es aussieht komme ich hier net weiter ..
Schade ich hätte doch echt gerne das wp interne menu benutzt ;-)

yovoli

der Vollständigkeit halber
Habe etwas aufgeräumt und rumprobiert
mit diesem code geht es

Code

/* sichtbares horiz menue  */
#access .menu-header li,
div.menu li {
    float: left;
    position: relative;
left: 55px;    
}


/* wenn mit maus drauf  */
#access a {
    text-decoration: none;
}


/* ob dropdown sichtbar ist oder net  */
#access ul ul {
    display: none;
}


/* wie dropdown erscheint  */
#access ul li:hover > ul {
     display: inline-block;
    width: 600px;
    height: auto;
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

horiz. dropdown menue / access Frage

Jetzt mitmachen!

Benutzer online in diesem Thema