Einfaches Webseiten Menü | HTML, CSS für Anfänger
Вставка
- Опубліковано 18 чер 2015
- Hey Leute, hier erkläre ich euch, wie man ein einfaches aber schickes Menü / Navigation / Header-Bereich erstellt. Das ist ein HTML und CSS Tutorial für Anfänger!
Wenn Ihr Fragen habt, dann schreibt es gerne in die Kommentare!
Liebe Grüße
LionPixel - Навчання та стиль
Sehr sehr gute Tutorial!!!
Rettest mir gerade meinen Hintern, da ich für meine Schule eine Homepage basteln muss und ich quasi noch bei fast 0 stehe :D
Großes LOB an dich!
same
Ganz wunderbar erklärt! Besonders schön, dass auch die Anfangsfehler bedacht werden, wie z.B. padding/margin für Verwirrung sorgen können. Vielen Dank für dieses Tutorial!
Du bist der Krasseste du hast mir meine HTML kursarbeit geretten, danke!!!!
🥹
Sehr gut erklärt!!
Sagenhaft guter Erklärstil, große Klasse
immer noch super. Danke.
Top. Super erklärt.
gut erklärt danke für das tutorial ;)
Echt gute tutorials ich hab dcoder auf dem handy und da programier ich die sachen dann, mach weiter so;-)
Super Tutorial. Aber: Man hätte die Border color auch einfach direkt im anker tag ändern können:
Mega video
Ich bin auf einer Berufsschule für screen design und kann in den Ferien nicht üben well ich kein PC/Laptop habe und muss das jetzt alles per Papier notieren und das ist super einfach zu verstehen.
sehr gutes video danke hat mir echt geholfen
ehre, sehr schön
👍
wie bekomme ich denn das menü über das header bild? Ich benutze das hemingway theme. das ist zur zeit mein problem. ich will das navigationsmenü über den header. wie mache ich das?
Wie kan ich bei Thimble die "Fließrichtung" nach links steuern?
Die Navigationsleiste hat geklappt super erklärt, aber jetzt ist der header den ich darunter hatte nach rechts komplett verschoben und kaputt, wegen dem float left, wie kann ich den Header wieder unter die Navigationsleiste kriegen?
Soo das ging nach ein wenig tüfteln auch in Editor 5.0
Meine Frage dazu:
Würde gerne im html doc gleich am Anfang nach der Überschrift „meine Homepage“ rechts daneben oben in die div (Kopf) gleich ein kleines Logo einbauen.. nur hab ich schon alles versucht mit meinem Wissen.. aber das Bild ist entweder recht unter der Navi leiste oder kurz unterhalb der Navi leiste rechts im Bild... was kann ich abstellen damit das Bild da mit rein passt oberen rechts ?
Video ist zwar schon 3 Jahre alt aber hat tdem geholfen💪🏼😝
Brauche dringende Hilfe!!!!
ich habe margin auf 0px gesetzt, aber es ist bei mir nur zu seite dann direkt dran, nach oben habe ich leider weiter so ungefähr 2 cm abstand. Was habe ich falsch gemacht?
Hallo Basti muss ich Codepen kaufen oder kann ich das auch so benutzen ? Top Video 👍👍👍 super erklärt danke dir !
Kannst es einfach so benutzen :)
Hallo! Hoffentlich ereicht Sie dieser Kommentar nach dieser Zeit noch.
Ich habe diesen Navigator nachgemacht. Ich habe beim gestalten noch etwas Probleme die richtigen Elemente anzusprechen. Wann spricht man welches an?
Ich hätte es mit einem Untermenü versucht, jedoch stehen die Listenelemente vom Untermenü getrennt. Hast Du ein Muster in dieser Form auch für Untermenü?
Hallo, ich habe eine Frage:-): Wenn ich nun mehrere Seiten verlinke und diese auch unterschiedlich style, benötige ich mehrere CSS oder schreibe ich alles in ein CSS?
Danke für eine kurze Rückmeldung,
Sara
PS: Tolle Tutorials!!! Für mich die Besten im ganzen Netz!!! Danke dafür!!!
alles in einem css, den css link verlinkst du im head bereich deiner html datei
huhu tolles Video aber mal ne frage statt die Webseite zu betitteln oben das Meine Webseite den Kasten breiter machen also von der Höhe her und statt der Schrift ne Slideshow rein machen wie könnte ich das hin bekommen und das daß navi menü ein Pulldown Menü bekommt wenn man draufklickt untermenüs erscheinen LG und danke :)
ua-cam.com/video/8x1mO1d6-4w/v-deo.html das kann dir bestimmt helfen
Wie kanm ich in eine Navigationspunkt was anschreiben
Sehr gutes Video, habe mir gestern bestimmt alle Videos auf dem Kanal angeschaut und finde das echt klasse .
Jetzt meine Frage, wie ist denn das wenn man auf seiner Homepage für Kunden ein Konto erstellen will, wie bsw. Faceit.com oder eslgaming.com
Das die dann so eine art Profiel haben?
du musst entwerder mal ein register und login fenster programmieren und in einem menü punk für jeden ein profil machen zumbauspiel name Geburtsdatum....
Hat mir super geholfen für mein Schulprojekt 👍
Aber was ich mich frage, kann man oben auch ein Bild einfügen stadt dieser eintönigen Farbe? Falls ja, wie? Ich habe es bisher nicht rausfinden können
Super, das freut mich! Ein Hintergrundbild kannst du relativ einfach mit background-image realisieren: www.w3schools.com/html/html_images_background.asp
@@BastiKlein Alles klar, danke dir? Aber muss ich das bei Der HTML oder der CSS datein einfügen? Danke im vorraus
es ist ein ganz gutes Video, bloß die anderen haben Kommentare gestellt und du hältst dein versprechen nicht
Tipp: antworte ihn
Wie zentriere ich die Schrift auf der CSS-Datei?
text-align: center;
Kannst du den Quell Code in die Kommentare oder in die Beschreibung packen
Bei mir is es so bei meine Homepage da ist kein Hintergrund ich weiß aber nich wieso
Ich habe da mal eine Frage: Und zwar habe ich nur 4 Einträge in der Navigationsleiste. Habe jedoch zwischen dem ersten und dem zweiten eine leere Stelle, also so zu sagen ein fünftes Feld, was ich nicht möchte. Wie bekome ich das dort raus, sodass alle Einträge lückenlos aneinander schließen?
Hi es sollte genügen wenn du diese Stelle einfach aus dem Code löscht. Komm sonst einmal in den Telegram Chat dann kann ich mir das genau ansehen: t.me/joinchat/AKa7V0h1Fjv_fg0Zx2gd_Q
Okay. Vielen Dank. Ich habe es mal ausprobiert und es hat super funktioniert.
@@BastiKlein Könnten Sie mir eventuell auch weiter helfen?
sehr gutes video......ich habe ne frage was benutzt du das du etwas makieren kannst (im browser oder editor)
bitte um schnelle antwort
Er benutzt die Freeware Brackets. Zu finden auf brackets.io . Allerdings wurde im Tutorial codepen.io verwendet.
Dankeschön!! :)
NAJA noch eine frage das ist die selbe aber, wie heisst das programm womit er aufnimmt
TekFreak Einnolf Was hast du den vor? / was möchtest du aufnehmen?
+USB-C Enthusiast naja ich will Mc Videos usw aufnehmen...
Kann jemand das was er gemacht hat in die Kommentare kopieren?
Hallo ich wollte fragen wie der Code von margin 25px bei html lautet genau so wie die Farben über Home produkte....?
Hoffe auf eine Rückmeldung. danke!
Genau, der Code ist: margin: 25px;
@@BastiKlein Bei html Editor verändert sich nichts, da wir in der Schule nicht mit CSS arbeiten dürfen.
Ahh verstehe. In dem Fall kannst du direkt in deinem HTML Tag folgendes schreiben: style=„margin: 25px“
@@BastiKlein vielen Dank!!
Hey, sind sehr gute Tutorials aber bei mir klappt es irgendwie nicht?
Ich arbeite mit Notepad++
Bei mir klappt halt der #kopf nicht ich denke es hat was mit der html zutun also bei
Hab das genau so geschrieben wie du vielleicht kannst du mir helfen :)
Ich weiss nicht ob er nach 5 jahren noch antworten wird 😂 hast du auch den end tag?
Sehr sehr gute Tutorial!!!
Rettest mir gerade meinen Hintern, da ich für meine Schule eine Homepage basteln muss und ich quasi noch bei fast 0 stehe :D
Großes LOB an dich!
same