[ERLEDIGT] Responsive HTML Menu / Menubutton Funktion

[Gamershtml]

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?

 

[basti1012]

Wie meinst du das ? Wenn man auf den Bild klickt soll was passieren? Dann so

<img id="test" src="dein_bil_link">

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

Oder meinst du das anders?

 

[Gamershtml]

Hallo,

danke für die schnellen Antworten euch beiden.
Anbei sende ich euch wichtige Auszüge aus meiner HTML und meiner CSS-Datei.

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:).

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.

Ich hoffe das Problem ist jetzt etwas deutlicher erläutert
Falls jemand der evtl Hilfe weiß die vollständige HTML/CSS-Datei sehen möchte, einfach anschreiben!

Danke im Voraus!

 

[Tronjer]

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.

Dafür gibt es Frameworks, die so etwas von Hause aus anbieten.
https://getbootstrap.com

 

[Gelöschtes Mitglied 36401]

Screenshots von Quellcodes sind in der Regel nicht besonders hilfreich. Entweder Quellcodes in die zugehörigen Tags posten oder einen Link zur Seite.

 

[Gamershtml]

@m.scatello Leider habe ich die Webseite noch nicht online gestellt :I
Aber ich könnte dir evtl. die vollständige HTML und CSS Datei senden

 

[Gelöschtes Mitglied 36401]

Leider habe ich die Webseite noch nicht online gestellt

Das könntest du aber ändern, zur Not bei einem Freehoster

 

[Gamershtml]

Ok ich werde mal nachsehen

 

[Gamershtml]

Hat sich erledigt. Kann man diesen Beitrag irgendwie als erledigt markieren oder schließen?