Der umgeschriebene Titel lautet: Wie kann ich mit Tailwind CSS ein animiertes Dropdown-Menü mit einstellbarer Höhe erstellen?

Ich verwende: Tailwindcss, React und Next.js für ein Nebenprojekt. Ich versuche, eine reaktionsfähige Navigationsleiste zu erstellen, die ein Hamburger-Menü anzeigt, wenn die Bildschirmgröße die durch Rückenwind definierte „sm“-Größe erreicht. Wenn ich auf das Hamburger-Symbol klicke, möchte ich, da...

P粉667649253 2024-02-17 11:54:04 0  1  537

Warum kann ich meine CSS-Hyperlink-Stilklasse nicht über HTML-Code aufrufen?

Ich möchte mehrere Klassen für Hyperlink-Stile erstellen. Ich möchte eine Standardklasse sowie eine spezielle Klasse für das Navigationsmenü. Dies ist mein CSS-Code: a{color:white;text-decoration:none;}.menu-itemsa{color:black;text-decoration:none;} Ich versuche, die Klasse „menu-items“ in HTML aufz...

P粉068486220 2024-04-04 11:20:16 0  2  427

Es gibt ein Funktionsproblem mit dem Dropdown-Menü der Navigationsleiste (Ausblenden) in Bootstrap 5

Beim Versuch, mit Bootstrap5 ein responsives Menü oder eine Dropdown-Schaltfläche zu erstellen, tritt ein Problem auf. Alles scheint in Ordnung zu sein. Sowohl das Navigationssymbol als auch das Dropdown-Symbol werden angezeigt. Aber sie funktionieren nicht. Wenn ich auf das Navigationssymbol oder d...

P粉322319601 2023-08-22 20:42:45 0  1  734

So aktivieren Sie React-Komponenten, um die Variablen eines Rechtsklicks aufzuzeichnen, wofür ein Doppelklick erforderlich ist

Ich habe ein Problem mit einer React-Komponente in meinem Projekt, bei der ich während der Navigation zweimal klicken muss, damit die Rechtsklick-Variable korrekt protokolliert wird. Hier sind die Details des Problems und mein Code: Ich habe eine React-Komponente, die ein Kursnavigationssystem darst...

P粉083785014 2023-08-15 22:46:56 0  1  569

Ich kann nichts auf dem Bildschirm zentrieren

Ich folge einem YouTube-Tutorial darüber, wie man mit CSS eine responsive Navigationsleiste in HTML erstellt. Alles läuft einwandfrei, bis ich versuche, Text in der Mitte des Bildschirms hinzuzufügen, und er auf der linken Seite des Bildschirms erscheint (nur wenn der Die Fensterauflösung ist höher ...

P粉136356287 2024-04-01 11:51:40 0  2  428

So passen Sie das Hamburger-Menü in React JSX an die gesamte Seite an

Ich bin sehr neu bei Reactjsx, ich verwende Tailwind und es ist sehr gut. Ich lerne auch, während ich gehe. In meiner Navigation kann ich also Hamburger-Menüs anzeigen, aber die Art und Weise, wie sie angezeigt werden, gefällt mir nicht. Ich versuche sicherzustellen, dass die gesamte Seite mit Weiß ...

P粉368878176 2023-08-31 14:31:09 0  1  552

Dateireorganisation verursacht Probleme mit Auswahlen, Hyperlinks und Importvorlagen?

Ich verwende jQuery, um eine gemeinsame Vorlagendatei in bestimmte Teile der Seite zu importieren. Alles funktioniert perfekt, bis ich meine Dateistruktur anders organisiere. Jetzt funktioniert mein SELECT-Dropdown-Menü außer dem Titel nicht mehr, und obwohl VSCode die Hälfte der regulären Hyperlink...

P粉436410586 2024-02-04 10:37:52 0  1  533

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  821

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  724

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  611

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  577

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  1000

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  506

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  698

Pik, Karo, Herz, Kreuz => Stile ändern die Schriftfarbe in Chrome für Android nicht

In Google Chrome unter Windows werden die Symbole der Kartenfarbe (Pik, Herz, Karo, Kreuz) mithilfe des Attributs „style“ korrekt gefärbt. Leider werden auf derselben Seite, die in Google Chrome auf Android angezeigt wird, nicht die von mir definierten Farben angezeigt, sondern die Standardfarben Sc...

P粉896751037 2023-09-05 15:25:13 0  1  755

Wie verstecke ich mein TextField-Label?

Ich entwickle eine Nextjs-App und habe eine mit Mui erstellte Dashboard-Navigationsleiste, die eine Benachrichtigung enthält, die das Benachrichtigungsfeld öffnet, das mit normalem HTML und CSS erstellt wurde. Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box&qu...

P粉239164234 2023-09-05 15:41:00 0  1  679

Benutzerdefiniertes Bootstrap 5-Karussell auf Mobilgeräten (mehrere Elemente, aber nicht in einer Reihe)

Ich habe Probleme beim Anpassen des Karussell-Layouts auf Mobilgeräten. Ich möchte, dass auf Mobilgeräten jedes Element des Karussells angezeigt wird und nicht nur eines, aber nachdem ich es mit etwas CSS und JS versucht habe, insbesondere mit displayfloat oder max-witdh, fange ich an zu glauben, da...

P粉763662390 2023-09-05 11:53:56 0  1  594

Wie verwende ich die Firebase-Authentifizierung mit mehreren Anmeldemethoden und rollenbasierter Authentifizierung?

Ich erstelle eine React.js-Anwendung mit NodeJS als Backend und möchte diese Authentifizierungsmethoden verwenden, um mich mit E-Mail/Passwort anzumelden, mich mit Google anzumelden und mich per Telefon anzumelden. Jetzt möchte ich die Einzigartigkeit des Benutzers beibehalten, während ich den Namen...

P粉574695215 2023-09-05 12:18:10 0  1  658