• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Responsive HTML Menu / Menubutton Funktion

Gamershtml

Neues Mitglied
Hi,

ich habe eine responsive HTML-Seite bereits erstellt und bin vom Aufbau her eigentlich auch schon fast fertig.

Wie schon gesagt ist meine Website "responsiv" d.h. in einem kleineren Tab (/oder auf einem mobilen Endgerät) wird anstelle der Menüleiste oben links ein Bild mit den berühmten 3 Menüstrichen angezeigt.
Bis dort hin bin ich mit folgendem Video gekommen:

Der Mann erklärt ab ca. Minute 43 wie man das Bild (Die 3 Menü-Striche) sozusagen mit einer Funktion versieht.
Leider klappt dies bei mir nicht.
Weiß irgendjemand eine Lösung auf mein Problem?
 
Werbung:
Wie meinst du das ? Wenn man auf den Bild klickt soll was passieren? Dann so
Code:
<img id="test" src="dein_bil_link">

$('#test').click(function(){
alert('Bild mit drei strichen geklickt');
});

Oder meinst du das anders?
 
Hallo,

danke für die schnellen Antworten euch beiden.
Anbei sende ich euch wichtige Auszüge aus meiner HTML und meiner CSS-Datei.
upload_2018-1-27_14-27-3.png
Das hier ist die HTML-Datei. Ich habe bisher also schon eine responsive Datei die sich an die Bildschirmgrößen anpasst erstellt (siehe auch nächstes Bild:).
upload_2018-1-27_14-29-39.png
Nun ein Bild meiner Menüleiste. Es funktioniert schon, dass diese sich anpasst und kleiner wird, sobald das Fenster kleiner wird. Sie ist auch ab einer bestimmten Fenstergröße/Bildschirmgröße ganz verschwunden. AB DIESEM PUNKT möchte ich, dass oben rechts die 3 Menüstriche sind, durch die sich das Menü nach unten hin o.ä. öffnen lässt.
upload_2018-1-27_14-32-57.png
Ich hoffe das Problem ist jetzt etwas deutlicher erläutert :D
Falls jemand der evtl Hilfe weiß die vollständige HTML/CSS-Datei sehen möchte, einfach anschreiben!

Danke im Voraus!
 
Werbung:
Screenshots von Quellcodes sind in der Regel nicht besonders hilfreich. Entweder Quellcodes in die zugehörigen Tags posten oder einen Link zur Seite.
 
Werbung:
Werbung:
Zurück
Oben