No video

Navigationsleisten für Webseiten | HTML + CSS Tutorial Deutsch

  Рет қаралды 26,017

Coding - kurz und knapp

Coding - kurz und knapp

Күн бұрын

Пікірлер: 36
@coding-kurzundknapp
@coding-kurzundknapp 3 жыл бұрын
Wenn du lernen möchtest, wie du Navigationsleisten responsiv machst, dass sie also auch auf verschiedenen Displaygrößen (Handy, Tablet, PC) angezeigt werden können, dann kannst du dir dieses Video dazu anschauen: kzfaq.info/get/bejne/Z5-CqrSTqZbKg5s.html
@frank_tananat4827
@frank_tananat4827 2 жыл бұрын
Endlich einen Kanal gefunden der nicht lange redet und direkt zur sache kommt 😁
@JLO-qy5to
@JLO-qy5to 3 жыл бұрын
Gute Videos, guter Kanal. Wenn du in den Videotitel direkt am Anfang „html“ oder „Java“ reinpackst, weiß man direkt, um welche Art es geht. Etwas langsamer, mehr Erklärungen und mehr zeigen von Zwischenergebnissen und es ist perfekt!
@42nao
@42nao 2 жыл бұрын
selten jemanden gesehen der so schnell so gut erklärt
@niemandjemand
@niemandjemand 2 жыл бұрын
Etwas schnell geredet aber hab da die Wiedergabegeschwindigkeit verlangsamt aber super tutorial!
@fabvali
@fabvali Жыл бұрын
beim background image funktioniert es nicht obwohl ich es im selben ordner habe
@lostgames0
@lostgames0 8 ай бұрын
Sehr interessantes Video, ich bin gerade an einem Schulprojekt und meine Frage wäre ob man den code für die Navigationsleiste vereinheitlichen kann in einer Datei oder ob man den code in jeder Datei einfügen muss?
@coding-kurzundknapp
@coding-kurzundknapp 8 ай бұрын
Bei einer einfachen HTML und CSS Seite, muss man die Navigationsleiste tatsächlich für jede Seite einzeln einfügen. Wenn du komplexere Webprojekte entwickelst, bei denen du ein Front-End-Framework wie React.js benutzt, könntest du einen eigenen Component für die Navigationsleiste erstellen. Aber das ist schon weitaus komplexer als HTML.
@Christian_Ky
@Christian_Ky 2 жыл бұрын
@Coding - kurz und knapp Vielen Dank für die Videos bzw. Tutorials, echt super!! Kannst du mal ein kleines Video machen zur Datenschutzerklärung (annehmen, ablehnen ect pp) wie man das lösen kann? Gruß Chris
@babakush2613
@babakush2613 2 жыл бұрын
hammer video, kurz und knapp so wie es sein muss. Kommen auch mal Videos zum Programmieren zb mit Typescript?
@coding-kurzundknapp
@coding-kurzundknapp 2 жыл бұрын
Vielen Dank. Ja, zu Typescript werden auch Videos kommen. Allerdings können wir nicht genau sagen wann. Wir wollen erstmal die ganzen grundlegenden Themen abdecken. Sobald wir dann eine vernünftige Basis haben, würden wir noch weitere Videoreihen starten. Zum Beispiel zu Typescript, ReactJS oder Python.
@collindiekmann1619
@collindiekmann1619 4 ай бұрын
Könntest du den Codes der html und der css hochladen?
@marlenelehotzki1179
@marlenelehotzki1179 2 жыл бұрын
Hallo, sehr hilfreiches Tutorial! Wie schaffst du es nur, dass dir in Visual Studios ein reallive preview angezeigt wird? glg
@coding-kurzundknapp
@coding-kurzundknapp 2 жыл бұрын
Vielen Dank. Für die Live-Preview nutze ich den Liveserver. Das ist eine Extension für Visual Studio Code.
@robble21
@robble21 2 жыл бұрын
danke :D
@martinczaplinski891
@martinczaplinski891 2 жыл бұрын
Hey ,Ich habe ein Problem, Ich habe die Navigationsleiste auf der Startseite gut hinbekommen und die Links funktionieren.Wenn ich dann aber auf den Unterseiten bin dann ist 1. die Navigationsleiste zwar da aber das Design ist weg und 2. funktionieren die Links nicht mehr .Also ich komme von der Startseite yu den Unterseiten aber von den Unterseiten nicht mehr auf die Startseite oder auf andere Seiten wuerde mich sehr ueber eine Antwort freuen
@coding-kurzundknapp
@coding-kurzundknapp 2 жыл бұрын
Wenn die Navigationsleiste da ist, aber das Design fehlt, dann hast du wahrscheinlich vergessen, die CSS Datei in die HTML Datei der Unterseiten einzubetten. Das geht mit dem link Tag im head. Wenn die Links auf den Unterseiten nicht mehr funktionieren, dann kann es sein, dass die angegebenen Pfade im href Attribut nicht stimmen. Kann es vielleicht sein, dass sich deine Unterseiten in einem Unterordner befinden? Dann solltest du diesen im Pfad beachten. Ich hoffe, dass ich dir helfen konnte ;)
@martinczaplinski891
@martinczaplinski891 2 жыл бұрын
@@coding-kurzundknapp danke für die Antwort habe es alleine lösen können das Problem war dass ich vergessen habe bei den Unterseiten bei den Links den Befehl../ zu benutzen aber trotzdem danke für deine Antwort
@peterk.2925
@peterk.2925 2 жыл бұрын
Danke fürs Video. Was ist denn genau der Unterscheid beim CSS bei html 100% height und body 100% height?
@coding-kurzundknapp
@coding-kurzundknapp 2 жыл бұрын
Das html tag ist ranghöher als der body. Die height auf 100% zu setzen ist nicht immer unbedingt notwendig, sondern viel mehr eine Angewohnheit, um mögliche Probleme beim Einrichten des Hintergrundbildes zu vermeiden.
@myytkn8526
@myytkn8526 Жыл бұрын
Warum ist das Video so kurz und schnell?
@timonskill9465
@timonskill9465 2 жыл бұрын
Wie kann ich die Navigationsleiste zentral zentrieren?
@coding-kurzundknapp
@coding-kurzundknapp 2 жыл бұрын
Um die Links in der nav horizontal zu zentrieren, musst du in der nav ul "float: right" entfernen und stattdessen mit Flexbox arbeiten. Also einfach "display: flex;" und "justify-content: center;" schreiben. nav ul{ display: flex; justify-content: center; }
@Sebistyla22
@Sebistyla22 2 жыл бұрын
wie packt man die denn nach unten ?
@coding-kurzundknapp
@coding-kurzundknapp 2 жыл бұрын
Wenn du die Navigationsleiste unten positionieren möchtest, dann kannst du bei der nav position auf fixed setzen und bottom auf 0. nav{ position: fixed; bottom: 0; }
@lennard_15b62
@lennard_15b62 2 күн бұрын
nix verstehen
@lennard_15b62
@lennard_15b62 2 күн бұрын
ich auch nicht
@Sebistyla22
@Sebistyla22 2 жыл бұрын
gibt es auch float center ?
@coding-kurzundknapp
@coding-kurzundknapp 2 жыл бұрын
Nein. Float kann ein Element nur auf der linken oder rechten Seite seines Containers platzieren.
@Sebistyla22
@Sebistyla22 2 жыл бұрын
@@coding-kurzundknapp was brauche ich dann um die in der mitte zu platzieren?
@coding-kurzundknapp
@coding-kurzundknapp 2 жыл бұрын
Du brauchst Flexbox. Bei der nav ul musst du "float: right" entfernen und stattdessen display: flex; justify-content: center; schreiben.
@Sebistyla22
@Sebistyla22 2 жыл бұрын
@@coding-kurzundknapp habt ihr vllt ein discord server ?
@user-sn2qc2oo7x
@user-sn2qc2oo7x 8 ай бұрын
Zu schnell und undeutlich gesprochen.
@user-ck5fu9rm3e
@user-ck5fu9rm3e Жыл бұрын
sehr schlecht gemacht, super schnell erklärt.
@dunstglocke1374
@dunstglocke1374 2 жыл бұрын
Digga nich so schnell 😵
@tj_1260
@tj_1260 2 жыл бұрын
Lnmfc
Responsive Navigationsleisten | HTML, Flexbox, JavaScript, CSS Tutorial Deutsch
6:24
Lerne CSS in 40 Minuten (CSS Kurs für Anfänger)
37:08
Coding - kurz und knapp
Рет қаралды 17 М.
Oh No! My Doll Fell In The Dirt🤧💩
00:17
ToolTastic
Рет қаралды 12 МЛН
女孩妒忌小丑女? #小丑#shorts
00:34
好人小丑
Рет қаралды 87 МЛН
Happy birthday to you by Tsuriki Show
00:12
Tsuriki Show
Рет қаралды 12 МЛН
Little brothers couldn't stay calm when they noticed a bin lorry #shorts
00:32
Fabiosa Best Lifehacks
Рет қаралды 21 МЛН
😳 7 CSS Animationen in je ⏱ einer Minute! 👍 [TUTORIAL]
10:50
Unleashed Design
Рет қаралды 115 М.
Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox
15:08
How to create a Responsive Navigation Bar (for beginners)
15:21
Coding2GO
Рет қаралды 382 М.
How to create a CSS navigation bar in 6 minutes! 🧭
6:28
Bro Code
Рет қаралды 281 М.
ChatGPT programmiert Apps in 10 Minuten 🤯
10:23
Kevin Chromik
Рет қаралды 464 М.
HTML Tabelle gestalten mit CSS für Anfänger
12:15
Programmieren mit Mario
Рет қаралды 9 М.
CSS Flexbox Tutorial Deutsch für Anfänger [20 Minuten]
20:48
Programmieren mit Mario
Рет қаралды 22 М.
Eigene Website ohne Vorkenntnisse | Selbstexperiment
9:31
Tomary
Рет қаралды 406 М.
Oh No! My Doll Fell In The Dirt🤧💩
00:17
ToolTastic
Рет қаралды 12 МЛН