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 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ü