Dropdown Menu Buttons nebeneinander?

Ich habe für meine Website ein Dropdown Menu gemacht,dass aus einem Button besteht,der,wenn man draufklickt eine neue Liste unterhalb des Buttons öffnet,die Links enthält.Um eine Navigtionsleiste zu erstellen,die übersichtlich ist,will ich mehrere Buttons nebeneinander positionieren.Das hat soweit auch geklappt und das erste Menü öffnet sich perfekt,wenn ich aber den anderen Button anklicke,öffnet sich nur das Menü des ersten Buttons.

Hier der Code,bestehend aus html,css und JavaScript (die entsprechende Stellen) :

HTML

<div class="dropdown">    <button onclick="myFunction()" class="dropbtn">Charaktere</button>    <div id="myDropdown" class="dropdown-content">      <a href="#">1</a>      <a href="#">2</a>      <a href="#">3</a>  </div> </div> <div class="dropdown"> <button onclick="myFunction()" class="dropbtn">Charaktere</button> <div id="myDropdown" class="dropdown-content">  <a href="#">1</a>  <a href="#">2</a>  <a href="#">3</a> </div>   </div>

CSS

/* Dropdown Button */ .dropbtn {    background-color: white;    color: black;    padding: 16px;    font-size: 16px;    border: none;    cursor: pointer;    height: 70px;    width: 160px;    font-family: Trebuchet MS;    border: 1px solid darkturquoise; }

/* Button hovered*/ .dropbtn:hover, .dropbtn:focus {    background-color: darkturquoise;    font-family: Trebuchet MS; }

/* Platzierung des <div>*/ .dropdown {    position: relative;    display: inline-block;    font-family: Trebuchet MS; }

/* Dropdown Content */ .dropdown-content {    display: none;    position: absolute;    background-color: #f1f1f1;    min-width: 160px;    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);    z-index: 1; }

/* Links im Menü */ .dropdown-content a {    color: black;    padding: 12px 16px;    text-decoration: none;    display: block; }

/*Farbwechsel */ .dropdown-content a:hover {background-color: #ddd}

/* Das Droptdown Menü,wenn es aufklappt*/ .show {display:block;}

JavaScript

/* Dropdown Button */ .dropbtn {    background-color: white;    color: black;    padding: 16px;    font-size: 16px;    border: none;    cursor: pointer;    height: 70px;    width: 160px;    font-family: Trebuchet MS;    border: 1px solid darkturquoise; }

/* Button hovered*/ .dropbtn:hover, .dropbtn:focus {    background-color: darkturquoise;    font-family: Trebuchet MS; }

/* Platzierung des <div>*/ .dropdown {    position: relative;    display: inline-block;    font-family: Trebuchet MS; }

/* Dropdown Content */ .dropdown-content {    display: none;    position: absolute;    background-color: #f1f1f1;    min-width: 160px;    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);    z-index: 1; }

/* Links im Menü */ .dropdown-content a {    color: black;    padding: 12px 16px;    text-decoration: none;    display: block; }

/*Farbwechsel */ .dropdown-content a:hover {background-color: #ddd}

/* Das Droptdown Menü,wenn es aufklappt*/ .show {display:block;}

PC, Computer, Website, Menü, HTML, programmieren, CSS, Button, PC-Problem
2 Antworten
Wie hört sich mein Menü an?

 Hallo Leute 

Demnächst hab ich meine Zwischenprüfung. Es kann sein, dass ich ein Menü mit wild, rind, Fisch oder Geflügel schreiben muss, deshalb habe ich die hauptgericht aus den Menüs raus geschrieben. 

Jetzt frage ich euch, wie ihr die Menü findet. Passt alles. Habt ihr fragen? Was könnte der prüfer fragen ? 

 

Ich hoffe ihr kennt die Regeln fürs Menü schreiben ;) 

Keine wiederholungen von rohstoffen, zutaten oder farbe, 5gang= 1. kalte vorspeise 2. suppe, 3 Fisch, 4. hauptgericht, 5. dessert,...

Und die getränkeregeln:jung vor alt, günstig nach teuer, keine wiederholung, ...

Für die Menüs würde ich als aperitifs bier empfhelen 

Und als digestif kaffee

Hauptgerichte: 

(Rind) Gebratene Kalbsrückenmedaillons auf Salbeisoße mit Austernpilzen und Buttergnocci 

Hierzu muss ich mir ein rotwein überlegene

--- 

(Wild)Gebratene Hirschrückenmedaillons in Rotweinsauce mit Rosenkohl und Schlosskartoffeln 

Ich muss mir hierzu ebenfalls noch ein rotwein überlegen 

--- 

(Geflügel)

Putenspieße auf Currysoße mit Linsengemüse und Nudeln

2004 Erich stackel pfalz riesling qba trocken

---

(Fisch)

Seelachsfilet in Tomaten-parmesan-soße mit blattspinat und reis 

Ich muss mir noch ein weißwein überlegen 

Frühling :

ZUCCHINI - SCHAFKÄSE - RÖLLCHEN

2007 Riesling niersteiner auflage, Rheinhessen qba trocken 

--- 

Spargelcremesuppe mit Bärlauchklößchen 

--- 

Gedünstes Bachsailbings filet mit schnittlauch

2005 Müller thurgu, sachsen, qba trocken 

---

Schokoladenmousse auf Rhabarberspiegel 

2003 Faberre Grundheimer Beerenauslese edelsüß

Sommer:

Tomate-Mozzarella mit Pinienkernen und Basilikum-Pesto 

2007 Riesling niersteiner auflage, Rheinhessen qba trocken

--- 

Kresseschaumsuppe mit Schwarzbrotcroutons 

--- 

Gedünstes Bachsailbings filet mit schnittlauch

2005 Müller thurgu, sachsen, qba trocken

---

Parfait von weißer Schokolade auf Erdbeer-Ananaskompott 

2003 Faberre Grundheimer Beerenauslese edelsüß

HERBST: 

Feldsalat mit gebratenen Austernpilzen in Himbeeressig-Dressing 

2007 Riesling niersteiner auflage, Rheinhessen qba trocken

--- 

Kürbiscremesuppe mit Kürbiskernöl und Schwarzbrotcroutons 

--- 

Gedünstes Bachsailbings filet mit schnittlauch

2005 Müller thurgu, sachsen, qba trocken

---

Schokoladenmousse auf Quittenspiegel

2003 Faberre Grundheimer Beerenauslese, edelsüß

Winter:

Feldsalat mit gebackenen Ziegenkäseecken in Honig-Walnuss-Dressing 

2007 Riesling niersteiner auflage, Rheinhessen qba trocken

--- 

Rinderkraftbrühe mit Grießklößchen 

---

Gedünstes Bachsailbings filet mit schnittlauch

2005 Müller thurgu, sachsen, qba trocken

--- 

Apfelküchle mit Zimt-Sahne und Vanilleei

2003 Faberre Grundheimer Beerenauslese, edelsüß

Menü, Hotelfachfrau
1 Antwort
Wie komme ich bei Amazon zum Menü rein, wo ich die Ware als verschickt markiere?

Hallo zusammen,

ich habe ein kleines Problem. Gestern kurz vor 0:00Uhr hat eine Person meine Ware was ich bei Amazon erstellt habe gekauft. Und da ich seit gut 17 Monate nicht mehr bei Amazon was verkauft habe und einige Sachen sich geändert haben komme ich nicht ins Menü rein ;-(

Ich habe mich eingeloggt bin dann auf > Mein Konto > Dann auf Verkäuferkonto Dann kommt ein Fenster mit Amazon seller Central

Zwei-Schritt-Verifizierung aktivieren Sie müssen Ihr Konto mit Zwei-Schritt-Verifizierung schützen, bevor Sie darauf zugreifen können. Hilfe abrufen.

Ich bin dann auf Zwei-Schritt-Verifizierung aktivieren drauf

Dann kommt ein Fenster mit Code eingeben, hab ich auch per SMS erhalten und eingegeben und bin auf Schritt 2

Sicherungsmethode hinzufügen Möglicherweise haben Sie nicht immer Zugriff auf Ihre bevorzugte Verifizierungsmethode. Bitte geben Sie eine Backup-Methode an. Sie können dies jederzeit auf der Seite "Erweiterte Sicherheitseinstellungen" ändern.

Und dann fängt das Problem an, das es von mir verlangt wird meine Handynummer einzugeben, was ich auch gemacht habe

Dann kommt die Meldung:

Diese Telefonnummer ist bereits zum Empfangen von Codes eingerichtet. Bitte geben Sie eine andere ein oder drücken Sie "Zurück".

Ich komme einfach nicht weiter. Was soll ich tun ? Kennt sich einer besser aus und wäre so nett mir zu helfen.

Bitte nicht per Link schicken sondern so erklären.

Wäre euch für eure Antworten sehr dankbar. Hilfreiche Antwort gibt es von mir definitiv.

L.G

Handy, Smartphone, Technik, Menü, Amazon, Bestellung, Technologie, Ware
2 Antworten
Linux Mint Menu Fehler (Anwendungen nicht sichbar/Fehlercode)?

Seit einiger Zeit kommt nach dem normalen Anmelden bei Linux Mint (Rosa 17.3) die folgende Fehlermeldung in einem Fenster: Modul konnte nicht initialisiert werden applications : Traceback (most recent call last):

File "/usr/lib/linuxmint/mintMenu/mintMenu.py", line 320, in PopulatePlugins MyPlugin.do_plugin()

File "/usr/lib/linuxmint/mintMenu/plugins/applications.py", line 1326, in do_plugin self.Todos()

File "/usr/lib/linuxmint/mintMenu/plugins/applications.py", line 584, in Todos self.buildButtonList()

File "/usr/lib/linuxmint/mintMenu/plugins/applications.py", line 614, in buildButtonList self.updateBoxes(False)

File "/usr/lib/linuxmint/mintMenu/plugins/applications.py", line 1733, in updateBoxes item["button"] = MenuApplicationLauncher( item["entry"].get_desktop_file_path(), self.iconSize, item["category"], self.showapplicationcomments, highlight=(True and menu_has_changed) )

File "/usr/lib/linuxmint/mintMenu/plugins/easybuttons.py", line 482, in __init__ ApplicationLauncher.__init__( self, desktopFile, iconSize )

File "/usr/lib/linuxmint/mintMenu/plugins/easybuttons.py", line 254, in __init__ desktopItem = xdg.DesktopEntry.DesktopEntry( desktopFile )

File "/usr/lib/python2.7/dist-packages/xdg/DesktopEntry.py", line 33, in __init__ self.parse(filename)

File "/usr/lib/python2.7/dist-packages/xdg/DesktopEntry.py", line 42, in parse IniFile.parse(self, file, ["Desktop Entry", "KDE Desktop Entry"])

File "/usr/lib/python2.7/dist-packages/xdg/IniFile.py", line 81, in parse raise ParsingError("Invalid line: " + line, filename)

ParsingError: ParsingError in file '/usr/share/applications/mate-terminal.desktop', Invalid line:

Außerdem werden im Menü keine Anwendungen oder Favoriten angezeigt. mintmenu --reset und mate-panel --reset zeigen keine positive Wirkung, das Menü-Icon verschwindet entweder ganz und lässt sich auch nicht über die Windows-Taste auf der Tastatur aufrufen oder erscheint nur teilweise und nichts lässt sich darin anklicken. Habe das Internet schon ein bisschen durchstöbert und in englischen Foren einige weitere Lösungsansätze ausprobiert, aber nichts hat geholfen. Wenn jemand ein Ähnliches Problem hatte und es irgendwie gelöst hat oder weiß was zu tun ist, lasst es mich bitte wissen! LG Shade

Linux, Menü, Bug, fehlercode, Mint
1 Antwort

Meistgelesene Fragen zum Thema Menü

Instagram - wie sehe ich wie viele meine Beiträge gespeichert haben?

4 Antworten

Wie schaltet man sein Telefon stumm ( Panasonic KX-TG6511)?

1 Antwort

McMenü small! Was ist das genau?

3 Antworten

GTA V PS4 Mod Menu [NO JAILBREAK]

6 Antworten

Wieviel kostet ein BigMac Menü? xD

9 Antworten

Festplatte über Boot-Menü formatieren?

6 Antworten

wie und wo kann ich die favoriten-liste einstellen bei einem sharp-tv?

1 Antwort

Kindle wie komme ich ins Menü wenn das Buch der fertig ist?

2 Antworten

Bones Staffel 5 "Please change your Players settings to a native Language"

3 Antworten

Menü - Neue und gute Antworten