Über 2 h ist der Wahnsinn. Danke für die aufwendige Arbeit. Also wer mit dem Thema anfangen will kann mit diesem Komplettpaket nichts falsch machen. Sehr gute Arbeit 🙏💚
Ich belege seit 7 Monaten einen Kurs und war am verzweifeln, da nicht alles durch Selbststudium aufgenommen wird. Bin per Zufall auf dein sehr lehrreiches und informatives Video gestoßen. Ich habe bereits in den 30 Minuten mehr gelernt, als im 7 Monaten teuren Selbststudium. Vielen Vielen dank für dieses Video.
Dieser Kurs ist Weltklasse! Habe mega viel gelernt! Meiner Meinung nach lernt man in solchen Demokursen viel mehr als in Kursen, in denen nur erklärt wird wie HTML etc. funktionieren! Learning by Doing ist eben am Besten! Vielen Dank für die Mühe!
Danke für dein Feedback! Es freut mich wirklich sehr, dass du etwas aus diesem Video lernen konntest - und keine Sorge, weitere Learning by Doing Projekte sind schon in Arbeit :)
Ich bin gerade dabei ein wenig HTML/CSS zu lernen um es an meine Tochter weitergeben zu können. Dabei schon viele Bücher durchgearbeitet und Videos. Dieses Video ist für mich das beste, unwahrscheinlich kompakt und trotzdem leicht verständlich und lehrreich. Vielen Dank für das video
Noch einmal großes Lob für das Tutorial, ich bin in den 90ern aufgewachsen und da macht es definitiv mehr Spass mit Pokemon als Beispiel. Hatte schon bei Junus Ergin schon bisschen HTML gelernt aber mit diesem Projekt war es noch einmal einen Ticken ausführlicher.
Vielen Dank! Ich denke, das Warum zu verstehen ist fast noch wichtiger, als zu sehen, wie etwas getan wird... nur dann kann man das Gelernte auch auf andere Situationen übertragen.
Klasse Tutorial! Gut strukturiert und verständlich erklärt. Bei der Länge dachte ich erst, das wird zu viel und langweilig, aber es ist überhaupt nicht langweilig und durchweg interessant und sehr informativ. Vielen Dank für die Mühe!
Noch nie so ein klasse Tutorial gesehen. 😀 ...und ich habe schon viele gesehen....aber noch nie so ein - meiner Meinung nach - Pefektes. Danke für ihre Mühe👍
Supertolles Video! Als blutige Anfängerin habe ich es tatsächlich bis zum Ende geschafft! Eine tolle Motivation weiterzumachen mit dem Thema, freue mich sehr, dass ich Dank diesem Video meine erste Website erstellt habe! Vielen Dank für das Video :)
Die Erklärungen in diesem Video sind hervorragend. Ich habe selbst von etlichen Jahren eine Webseite erstellt im Learning by Doing-Verfahren, da hätte mir dieses Video wesentlich geholfen. Was mir wichtig erscheint, da sich das Tutorial ja ausdrücklich an absolute Anfänger richtet. Es ist unbedingt darauf zu achten, im Programmtext die Dateinamen immer genau so zu schreiben, wie im Explorer (Groß/Kleinschreibung). Dies gilt auch beim kodieren in Java-Scriptdas in HTML-Text beim Schreiben von Variablen-Namen. Window-Anwender sind es gewöhnt, dass die Groß/Kleinschreibung von Dateinamen keihe Rolle spielt, im Internet jedoch sehr wohl, da alle Server unter Unix laufen. Es wäre m.E. sinnvoll, diesen Hinweis ganz zu Beginn beim der Anlage der ersten Datei (index.html) zu geben.
Vielen Dank für dein Feedback und die motivierenden Worte! Es freut mich sehr, dass dir das Video gefällt :) Mit deiner Anmerkung hast du natürlich Recht... Das ist eine der Sachen, die einem wahrscheinlich einfach so in Fleisch und Blut übergegangen ist, dass man überhaupt nicht mehr darüber nachdenkt. Das werde ich in Zukunft besser berücksichtigen und darauf hinweisen. Vielen Dank!
Ein super Video! Sehr detailliert und einfach verständlich erklärt und gut übersichtlich gestaltet. Und trotz der Länge kein einziges Werbevideo. Vielen dank für die Mühe:)
Hallo Dev Planet. Vielen Dank für diese Einführung. Bin grad dran responsives Webdesign zu lernen, da war das ganz hilfreich. Subscription und Like war natürlich Ehrensache. Ich fand das Tutorial sehr gelungen und auch nicht zu lang. Danke schön.
Wow genau nach so einem Tutorial habe ich gesucht. Da ist wirklich alles richtig gut erklärt. Vielen, vielen Dank ich bin gerade ein richtiger Fan deiner Tutorial-Videos geworden :)
Ich bin gerade bei Minute 19 und ich bin total begeistert, wie ausführlich, gut gesprochen und verständlich dieses Tutorial ist. Vielen Dank dafür. Ich brauche den Input um mehr die Probleme zu verstehen, die irgendwann auf mich zukommen könnten =)
Wahnsinnig gutes Tutorial!! Von Beginn bis zum Ende verständlich erklärt, ebenso mit Zusatzinformationen, welche Wege alternativ möglich sind. Auch sprachlich top und das über zwei Stunden!! Vielen Dank dafür!
Vielen vielen Dank! :) Ich finde du hast das super erklärt! Habe bis jetzt (1:49:19) alles verstanden und es kam noch nicht einmal Werbung. Klasse von dir! :) Bin gespannt welche Videos du noch gemacht hast und wünsche dir für die Zukunft alles Gute! :) Mach weiter so LG derLöwe
Danke für das super Tutorial. ich habe noch das Tab Icon geändert habe das auf Google gefunden. Ich habe einfach nochmal den Pokeball verwendet. Dafür müsst ihr nur den folgenden Pfad ins Element schreiben:
Erstmal 2 Stunden lang fleißig gelernt. Neben C++ und C# eine Sache wo Ich nicht tausend Pausen gebraucht habe, sondern nur eine Essenspause :D Top Tutorial ;)
Ich war komplett verzweifelt, wie man CSS und HTML miteinander verbindet aber du hasch mich mit diesem Video komplett gerettet, alles verständlich und perfekt erklärt. Du warscht der einzige bei dem ichs verstanden hab, ich bin dir für deine Arbeit sehr sehr dankbar :)
Hab mir jetzt auf der Arbeit das Video angeguckt. Von Anfang bis Ende. Ich muss ehrlich sagen, dass du alles super erklärt hast und auch sehr klar zeigst, wofür was ist und auf alles eingehst, dass man dir auch als Laie super folgen konnte. Hab das alles nebenbei selbst mitgebaut und meine Seite sieht auch 1 zu 1 so aus wie bei dir im Video. Mit der Basis wollte ich mir jetzt n Pokedex basteln von 1 - 151. Sonst sitz ich 100 Jahre dran, alleine wegen den ganzen TM's & VM's Hab aktuell nur html mit ein wenig css und viel PHP, js & Ajax gemacht, daher hatte ich auch noch nicht so viel Ahnung vom stylen mit css. Daher war das Video sehr aufschlussreich und informativ. Danke dafür. :)
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt! :) Dein Projekt klingt sehr spannend. Ich wünsche dir viel Spaß und Erfolg dabei!
Ich frage mich echt, warum du nur so wenige Abonnenten hast . Habe mir einige RUclipsr zu den Themen angeschaut, aber du erklärst es echt ausführlich und am Besten. Bitte mach weiter und hör nicht auf !!! :D
Super erklärt! Dieses Tutorial ist zwar lang, aber für mich Top, weil alles sehr gut erklärt wird! Bitte, mehr Tutorials macht spaß mit dir zu Lernen! Dynamische Webseite wäre cool ;-)
Sehr gutes Video. Tolle 2 h, Danke für Deine Ausdauer und Kompetenz. Wird mir in vielen CSS Situationen eine wertvolle Hilfe sein. Dann warte ich mal auf Dein nächstes Video ...
Sehr sehr gutes video. Schaue schon ein bisschen länger nach einem guten tutorial wo alles kurz und knapp jedoch ausführlich zusammen gefasst ist. Trotzdem gehst du auf alles wichtige ein und gibst tipps. Und vorallem erklärst du sehr gut. Danke!
Sehr sehr gutes tutorial 👌🏻 ich selbst bin absoluter Anfänger und hatte nichtmal Ahnung von der Programmier - Sprache, aber dadurch habe ich echt Fortschritte gemacht und mir einiges eingeprägt. Großes Lob an Dich, für Deine Mühe 😊
Sehr schönes Tutorial. Gerade bei CSS denke ich oft zu kompliziert irgendwie. Auch das umsetzen der Seite auf Mobilegeräte ist sehr hilfreich. Vielen Dank und Daumen hoch.
Danke für dein Feedback! :) Bei CSS gibt es oft mehrere Wege, die zum selben Ziel führen... da kommt es wirklich darauf an, was einem selbst besser gefällt und liegt. Solange das Ergebnis am Ende stimmt, ist ja alles in Ordnung :)
Super Doku. Ich interessiere mich jetzt auch dafür und du hast das echt prima erklärt. Hatte zuvor auch überhaupt keine Kenntnisse davon und habe echt alles verstanden. Vielen Dank nochmals dafür . Ich benutze unter Freebsd Code - OSS dafür, scheint ein Visual Clone zu sein, funktioniert denke ich fast gleich wie das von Microsoft.
Extrem hohe Qualität, sehr sehr nice ! Freue mich schon auf das nächste Vid, wird dann einfach wegkonsumiert :'D "Der kleine gelbe Nager...sieht riiichtiiig furchtbar aus" :DDDDD
Für dieses perfekte Video müsste ich 12x "Daumen hoch" geben. Und gerade deshalb stören mich die 7 Daumen runter sehr: was habe diese Querdenker auszusetzen? Der Lerninhalt einer komplexen Seite wurde erstklassig vermittelt. Meine ganze Seite, die ich mit geschrieben habe funktioniert und ich kann auf dieser Grundlage eine eigene Seite nach meinen Vorstellungen bauen. Was hätte man also besser machen können? Für mich lautet die Antwort eindeutig: NICHTS - NADA - NOTHING - NITSCHEWO
Vielen lieben Dank für dein Feedback und die motivierenden Worte! Es freut mich wirklich sehr, dass dir das Video gefällt :) Mit den 7 Daumen runter kann ich ganz gut leben... Es ist halt jeder unterschiedlich und jeder lernt auf seine eigene Weise. Da ist es nur natürlich (aber deshalb nicht weniger schade), dass es auch Leute gibt, die mit meinen Tutorials nichts anfangen können. Deshalb freut es mich umso mehr, dass die Resonanz insgesamt so positiv ausfällt und dass es Leute wie dich gibt, denen ich helfen kann. Das motiviert ungemein :)
Daumen hoch und Abo dagelassen. Ich freue mich schon auf das nächste Tutorial. Leider sind die Tabellen bei mir gleich lang. Habe den Fehler bislang nicht finden können.
Das liegt nicht an dir, sondern am Standardverhalten von Flexbox-Behältern. Hier wird der Inhalt normalerweise auf der Querachse (die nicht über justify-content geregelt wird) auf die volle Breite bzw. Höhe des Behälters gestreckt. Da wir den Flexbox-Behälter nutzen, um die Elemente mit justify-content horizontal auszurichten, ist die Horizontale in unserem Fall die Hauptachse und die Vertikale ist die Querachse - und deshalb wird die kürzere Tabelle in ihrer Höhe so gestreckt, dass sie die gesamte Höhe des Behälters ausfüllt (die von der Höhe des höchsten Inhalts, also der längeren Tabelle abhängt). Interessanterweise wurde genau dieses Standardverhalten von den meisten Browsern lange Zeit nicht so umgesetzt, weshalb es im Video funktionierte. Leider wurde das mittlerweile "behoben". Willst du nicht, dass die Tabellen gestreckt werden, musst du dem CSS-Eintrag für die tabellenbehaelter Klasse folgende Zuweisung hinzufügen: align-items: flex-start; Die align-items Eigenschaft bestimmt, wie mit den Elementen auf der Querachse verfahren wird. Leider ist der Standardwert für Flexbox-Elemente hier "stretch". Mit flex-start sagen wir, dass die Elemente einfach am Anfang der Querachse (also oben) positioniert und nicht gestreckt werden sollen. Ich hoffe das hilft dir weiter :)
Das hat sehr viel Spaß gemacht :) Danke für deine mühen. Meine erste Tabelle ist so Lang wie die zweite geworden (die Tabellen Zellen haben mehr platz für den Inhalt) allerdings habe ich nicht herausgefunden warum das bei mir so ist. Hast du ein Tipp?
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :) Zu deiner Frage: Dass die Tabellen gleich lang sind, liegt nicht an dir, sondern am Standardverhalten von Flexbox-Behältern. Hier wird der Inhalt normalerweise auf der Querachse (die nicht über justify-content geregelt wird) auf die volle Breite bzw. Höhe des Behälters gestreckt. Da wir den Flexbox-Behälter nutzen, um die Elemente mit justify-content horizontal auszurichten, ist die Horizontale in unserem Fall die Hauptachse und die Vertikale ist die Querachse - und deshalb wird die kürzere Tabelle in ihrer Höhe so gestreckt, dass sie die gesamte Höhe des Behälters ausfüllt (die von der Höhe des höchsten Inhalts, also der längeren Tabelle abhängt). Interessanterweise wurde genau dieses Standardverhalten von den meisten Browsern lange Zeit nicht so umgesetzt, weshalb es im Video funktionierte. Leider wurde das mittlerweile "behoben". Willst du nicht, dass die Tabellen gestreckt werden, musst du dem CSS-Eintrag für die tabellenbehaelter Klasse folgende Zuweisung hinzufügen: align-items: flex-start; Die align-items Eigenschaft bestimmt, wie mit den Elementen auf der Querachse verfahren wird. Leider ist der Standardwert für Flexbox-Elemente hier "stretch". Mit flex-start sagen wir, dass die Elemente einfach am Anfang der Querachse (also oben) positioniert und nicht gestreckt werden sollen. Ich hoffe das hilft dir weiter, auch, wenn die Antwort etwas spät kommt :)
Hi! KRASS aufwendiges Video! Jedoch ein paar so kleine Kniffe kannte ich schon (z.B. mit Tabellen, % oder so ..) ;-) Afgrund Deinses + anderen Tutorials hat es bei mir zig X-mal Klick gemacht! Aufgrund dessen fange ich meine (Asbach-)Homepage jetzt komplett neu an, wobei ich da verm. dann auch JS mehr brauchen werde ;-) ! Also da kömmt ne Mörderarbeit auf mich zu :-D Denn als ich mit HTML begann (war glaube ich 2 oder 3, noch mit meinen Commodore Amigas), hatte ich damals schon begonnen, mich jedoch leider nicht weitergebildet! Da sind solche Tutorials mehr als hilfreich um sein Wissen nicht nur Aufzfrischen, sondern auch zu erweitern!!!! Also sorry wenn ich da meine (ALTE inzwischen eher peinliche) Homepage hier nicht angebe !!! ;-) Jedoch KNALLER, KRAASES VIDEO mit SEHR VIEL MÜHE ++++ !!!!!!!! Sorry das Abo und Daumen war unumgänglich! ;-)
Vielen Dank für das Feedback, das Abo und den Daumen - es freut mich sehr, dass dir das Video so gut gefallen hat! :) Dein Projekt klingt echt spannend, viel Erfolg dabei!
@@DevPlanetGermany Ja, denn ich bin ja nicht mehr der Jüngste und meine Gesundheit (nicht Covid ..) ist sowas von besch.... (pardon), ich halte halt nimmer so durch wie mit 20 oder so :-( Zudem mache ich das ja jetzt nur noch für mich zum Zeitvertreib bzw. meinem priv. Spaß + Ich spare mir von meinem Harz4 das für Glasfaser vom Mund ab :-( also nen Bezahlkurs könnte ich mir garnicht leisten :-( Zudem ist es ja für mich auch (inzwischen) nur ein Hobby + Weiterbildung ;-) Nochmal Zudem: ich hatte mal Videos gemacht (neuere), da war ich bei DSL (Kupfer) aber sowas von gekniffen :-( Für 1 Video brauchte ich mal 3 Tage für den Upload, HALLO, was n das denn? Gut die ISP's konnten dafür nix (Sch... [pardon] Hauskupferverkabelung) für! Jetzt mit FTTH wo = Flitz! Livestreams + das lüppert, da hab ich ne Auslastung selbst mit meinem lokalen (Microdoof) Webserver nahe zu 0% auslastung ;-) Denn bei meinem alten DSL 16000 kam ich nur auf 11000 im Down! :-( Jetzt im Up 50, also das X-Fache nur Sendeleistung! :-D Ist doch (möchte ich mal sagen) ein gewaltiger Schied Unter :-D ? (11000 Down zu 50000 Up und 250000 down) ... ;-) Wenn meine Rechner im LAN/WLAN das noch packen würden, wenn ich ned immer so viel div. anderes am laufen hätte. ++++ Darfst ja gerne auch auf meine E-Mail antworten ;-) Jeoch, bin ma wech, brauch ma ne PA Use ;-) (nicht Beate Use) :-D PS: ich möchte eh versuchen von Microdoof weg zu kommen! Verwende daher den Firefox ;-) Auch hatte ich mal nen (auch asbach) 486er-Rechner mit damals noch kostenlos Suse aufgesetz, da konnte ich mit egal welches System den Server hoch fahren, das gab für alle (2 weitere) Rechner immer das selbe Bild mit Freigaben ++ die haben ned gespannt, auf welchem System der Server (+ auch Druckerserver) lief! :-D (95/98/2000/[SuSe glaube 7.1]) ... Bevor das jetzt noch ein Roman (inkl. FISI) wird, mach ich jetzt wirklich mal PA USE ;-) bis denne ;-)
Tipp um euch die Sachen besser zu merken: Ihr könnt Kommentare schreiben. Die werden dann nicht vom Script berücktsichtigt aber für dich angezeigt. In html macht ihr das mit In css macht ihr das mit /* der Kommentar */
Vorab erstmal vielen Dank für die Mühe was du dir mit diesem Tutorial gemacht hast, es ist unfassbar lehrreich. Ich konnte sehr viel davon lernen und in Zusammenhang bringen wie das ganze funktioniert. Natürlich Bedarf es noch viel mehr Übung, aber immerhin ist ein Anfang gemacht. :D Hab bis gerade eben dieses Tutorial durchgearbeitet, aber irgendwie will bei mir die Desktopansicht die Pokebälle und das hintergrund.jpg nicht mehr laden seit es runter zu @media (1200px) verschoben wurde =( Auch ist meine "Durch Levelaufstieg" - Tabelle aus welchem Grund auch immer genau so lang geworden wie die "Durch TM/VM" - Tabelle. ^^ Muss ich mich morgen wohl nochmal auf Fehlersuche begeben. Evtl. finde ich ja selbst den Fehler. Über Tipps bin ich aber dennoch dankbar, das Video ist ja nun doch schon älter und es wäre möglich, dass die Ursache in einer Neuerung liegt. Wer weiß =D
Am anfang dachte ich ich werde nie sowas können aber mit dem programm und den abkürzungen ist das um so vieles einfacher- :) sogar ich noob schaffe sowas jz auch
Hallo DEV Planet, starke Areit, sehr genau erklärt, ruhig usw alles prima! Hast du schon mal ein Tutorial zu etwas spetielleren Class/Id Zuordnungen gemacht? ZB zu welchen Elementen man überhaupt class /id setzen kann. Ich möchte gerne die Hintergründe jedes einzelnen Menüpunktes andersfarbig gestalten. Hast du einen heißen Tip? vielen Dank für deine Tutorials auf jeden Fall!
Vielen Dank für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :) Ich werde möglichst zeitnah ein detailliertes Video zu Klassen und IDs veröffentlichen. Zu deinem speziellen Vorhaben kann ich dir aber folgendes sagen: id und class sind sogenannte globale Attribute - man kann sie also an jedes beliebige HTML Element hängen und ihnen so eine ID bzw. eine oder mehrere Klassen zuweisen. Beide dienen dazu, die Elemente identifizierbar und im CSS oder Javascript auswählbar zu machen. Der Unterschied besteht hauptsächlich darin, dass eine ID im gesamten Dokument einzigartig sein muss. Sie sind eindeutige Bezeichner und deshalb darf jede ID nur ein einziges Mal vergeben werden. Klassen kann man sich hingegen als Gruppen von Elementen vorstellen. Es ist also möglich, beliebig viele Elemente zur gleichen Klasse hinzuzufügen. Dabei muss es sich nicht einmal um den selben Elementtyp handeln. Erstelle ich beispielsweise eine Klasse mit dem Namen "text-rot", um Texte rot zu färben, kann ich sie für Überschriften, Absätze, a-Tags usw. verwenden. Um die Hintergründe deiner Menüpunkte unterschiedlich zu gestalten, könntest du also im HTML jedem Menüpunkt eine separate Klasse zuweisen. Für jede dieser Klassen erstellst du dann im CSS einen separaten Eintrag mithilfe des Klassenselektors (ein Punkt gefolgt vom Klassennamen - zum Beispiel .klassenname) und legst darin mithilfe der background oder background-color Eigenschaften unterschiedliche Farben als Werte fest. Ich hoffe, das hilft :)
@@DevPlanetGermany Die Möglichkeit der Zuordnung habe ich mir auch schon gedacht. Allerdings bin ich an der Syntax gescheitert, also der Frage, wo in der href Zeile definiere ich die class? habe jedem Menue-Punkt auch schon eine Grafik verpasst und nun so lange herumprobiert..... bis es geklappt hat!!!! Tausend Dank für deine Hilfe!
@@katharinawarken1414 Es freut mich sehr, dass ich dir helfen konnte :) Es scheint, als bestünde dein Problem eher in der Anwendung von Attributen im Generellen als in dem class Attribut im Speziellen. Das class Attribut ist ein Attribut wie jedes andere. Um es zusätzlich zum href Attribut verwenden zu können, schreibt man erst das erste Attribut mit seinem Wert auf und dann nach den Anführungszeichen für den Wert das zweite Attribut, wie zum Beispiel: Für weitere Informationen zu Attributen im Generellen kann ich dir mein etwas älteres Video dazu empfehlen: ruclips.net/video/kHaBQ7Y6Cyg/видео.html Außerdem habe ich gerade ein Video zum class Attribut im Speziellen veröffentlicht. Solltest du daran Interesse haben, kannst du es hier finden: ruclips.net/video/Q063y91Lnp4/видео.html
@@DevPlanetGermany das schaue ich mir definitiv alles an. Mein Problem ist momentan vor allem, dass ich mir ein Design ausgedacht habe, das umzusetzen mit meinen stümperhaften Coding-skills eine echte Herausforderung darstellt... Ich habe sozusagen noch kein sicheres Handwerkszeug und weiß nicht, wie ich die Kreissäge richtig bediene. Stattdessen vergolde ich hier und da schon mal ein Stuhlbein. Aber ich möchte unbedingt alles lernen und bleibe auf jeden Fall dran.
Das machst du genau richtig. Sich durch ein eigenes Projekt durchzubeißen und sich die nötigen Informationen dafür zusammenzusuchen ist meiner Meinung nach der beste Weg, das Coden zu lernen.
Eine wirklich exzellente Einführung in die Programmierung mit HTML und CSS, sehr gut und detailliert erklärt. Aber bei der Durchführung ist eine Kleinigkeit anders (dies trifft auch auf das Projekt bei github zu): Die beiden Tabellen sind nebeneinander und auch gerahmt dargestellt, doch die kleine Taballe links ist in der gleichen Länge wie die rechte Tabelle dargestellt. Dadurch hat jeder Eintrage eine Höhe von mehreren Zeilen. Wie kann man dies zurücksetzen auf eine einzige Zeile?
Hi erstmal vielen Dank für das tolle Video. Kennst du vll eine Seite wo die wichtigsten css befehle stehen. Mein Problem ist, das ich mir die befehle nicht so schnell merken kann. Muss ich mir alles auswendig lernen?
Hi, das ist überhaupt kein Problem. Ich kenne keinen Entwickler, der wirklich alles auswendig weiß. Viel wichtiger ist es, die groben Konzepte zu verstehen. Das, was man regelmäßig braucht, weiß man dann irgendwann auswendig - und alles andere schlägt man online nach, wenn man es gerade braucht. Das machen sogar die erfahrensten Entwickler so, also lass dich nicht davon entmutigen, dass du dir nicht alles sofort merken kannst :) Wenn du etwas über HTML, CSS oder JavaScript nachschlagen möchtest, ist MDN häufig ein guter Anlaufpunkt (Für CSS zum Beispiel developer.mozilla.org/de/docs/Web/CSS)
Gutes Tutorial aber ich brauche dringend hilfe! Wenn ich in Dreamweaver Leerzeichen drücke oder schreibe dann wird das was davor stand durch das neue was ich schreibe ersetzt woran liegt das?
Das klingt als wärst du im Overwrite-Modus. Schau mal ganz unten rechts in der Ecke bei Dreamweaver, neben dem Dropdown, mit dem du auswählst, in welcher Sprache (HTML, CSS etc.) dein Dokument verfasst ist. Dort steht entweder INS für Insert Modus (neuer Text wird normal eingefügt) oder OVR für Overwrite (neuer Text überschreibt bestehenden Text). Wenn dort OVR steht, kannst du einfach mit der linken Maustaste darauf klicken, um zu INS zurück zu wechseln.
Was ich noch nicht so ganz verstanden habe: wann nutzt man und wann ? auf anderen webseiten habe ich gelesen, dass man beides verwenden kann, section sei nur neuer. aber ich werde nicht besonders schlau daraus.
Kann es sein dass die Anleitung nicht mehr funktioniert? Sobald ich das zweite div Element schließe und die Seite neu lade wird der Teil Pokémon in der realen Welt auf dem normalen Hintergrund angezeigt und unter Attacken wird ein weißer Balken angezeigt.
Ein sehr gutes Video hat bei mir auch fast alles geklappt. Außer ein paar Dinge die ich mal Aufzähle: (Hab auch hin und her gespult beim Video aber ist alles genauso gemacht worden wie gezeigt) Und zwar wenn ich den body { background: hintergrund.jpg..... und den li { background: pokeball.jpg..... verschiebe in @media (min-width: 1200px) habe ich auch am PC keine Bilder mehr. Sobald ich diese aber wieder wo anders platziere. Z.b. vor @media oder außerhalb der { } ist alles wieder da. Denke hat sich irgendwie / wo ein Fehler eingeschlichen den ich aber absolut nicht finde... :-( Und zum zweiten was bei mir anders ist bei dir ist die linke Tabelle " Durch Levelaufstieg" kleiner als die andere. Diese sind bei mir gleich groß. Nur das bei der linken halt dadurch das es viel weniger Spalten sind. Ziemlich große Spalten sind für die einzelnen Worte. Auch hier habe ich als mir das auffiel zurück gespult doch nix gefunden. (Habe ich bereits hin bekommen durch @Dev Planet Germany seine Hilfe danke dafür) Trotz allem bin ich eigentlich mit meinem Gesamtergebnis zufrieden. Vielleicht kann mir ja jemand einen Tipp geben was ich falsch gemacht habe. :-) Die nächsten Tage je nach dem wann ich es zeitlich schaffe wollte ich noch versuchen impressum und datenschutz einzufügen in das ganze. Muss man ja heutzutage auch beachten.
Über 2 h ist der Wahnsinn. Danke für die aufwendige Arbeit. Also wer mit dem Thema anfangen will kann mit diesem Komplettpaket nichts falsch machen. Sehr gute Arbeit 🙏💚
Vielen Dank für dein Feedback :)
Habe eure beiden Kanäle erst diese Woche gefunden. Beide sind sehr gut.
Fdm
Von pipp
Was für ein Spaß! Wie eine 1.000 Teile Puzzle an einem Sonntagnachmittag. Für Anfänger total geeignet. Eine didaktisches Meisterleistung. Vielen Dank
Ich belege seit 7 Monaten einen Kurs und war am verzweifeln, da nicht alles durch Selbststudium aufgenommen wird. Bin per Zufall auf dein sehr lehrreiches und informatives Video gestoßen.
Ich habe bereits in den 30 Minuten mehr gelernt, als im 7 Monaten teuren Selbststudium. Vielen Vielen dank für dieses Video.
Danke für dein Feedback! Es freut mich wirklich sehr, dass dir das Video gefallen und geholfen hat :)
Dieser Kurs ist Weltklasse! Habe mega viel gelernt! Meiner Meinung nach lernt man in solchen Demokursen viel mehr als in Kursen, in denen nur erklärt wird wie HTML etc. funktionieren! Learning by Doing ist eben am Besten! Vielen Dank für die Mühe!
Danke für dein Feedback! Es freut mich wirklich sehr, dass du etwas aus diesem Video lernen konntest - und keine Sorge, weitere Learning by Doing Projekte sind schon in Arbeit :)
Ich bin gerade dabei ein wenig HTML/CSS zu lernen um es an meine Tochter weitergeben zu können. Dabei schon viele Bücher durchgearbeitet und Videos. Dieses Video ist für mich das beste, unwahrscheinlich kompakt und trotzdem leicht verständlich und lehrreich. Vielen Dank für das video
Noch einmal großes Lob für das Tutorial, ich bin in den 90ern aufgewachsen und da macht es definitiv mehr Spass mit Pokemon als Beispiel. Hatte schon bei Junus Ergin schon bisschen HTML gelernt aber mit diesem Projekt war es noch einmal einen Ticken ausführlicher.
Danke für das Feedback! Es freut mich sehr, dass dir das Video gefallen hat :)
Wow das Tutorial war wirklich perfekt, vorallem weil du die Vorgänge auch erklärt und nicht nur gezeigt hast :)
Vielen Dank! Ich denke, das Warum zu verstehen ist fast noch wichtiger, als zu sehen, wie etwas getan wird... nur dann kann man das Gelernte auch auf andere Situationen übertragen.
Klasse Tutorial!
Gut strukturiert und verständlich erklärt. Bei der Länge dachte ich erst, das wird zu viel und langweilig, aber es ist überhaupt nicht langweilig und durchweg interessant und sehr informativ.
Vielen Dank für die Mühe!
Vielen Dank für dein Feedback und die motivierenden Worte! Es freut mich sehr, dass dir das Video gefällt :)
Noch nie so ein klasse Tutorial gesehen. 😀 ...und ich habe schon viele gesehen....aber noch nie so ein - meiner Meinung nach - Pefektes. Danke für ihre Mühe👍
Vielen Dank für dein Feedback! Es freut mich sehr, dass dir das Video gefällt! :)
Supertolles Video! Als blutige Anfängerin habe ich es tatsächlich bis zum Ende geschafft! Eine tolle Motivation weiterzumachen mit dem Thema, freue mich sehr, dass ich Dank diesem Video meine erste Website erstellt habe! Vielen Dank für das Video :)
Danke für dein Feedback! Es freut mich sehr, dass dir das Video helfen konnte, in die Webentwicklung einzusteigen - bleib auf jeden Fall dran! :)
Die Erklärungen in diesem Video sind hervorragend. Ich habe selbst von etlichen Jahren eine Webseite erstellt im Learning by Doing-Verfahren, da hätte mir dieses Video wesentlich geholfen.
Was mir wichtig erscheint, da sich das Tutorial ja ausdrücklich an absolute Anfänger richtet. Es ist unbedingt darauf zu achten, im Programmtext die Dateinamen immer genau so zu schreiben, wie im Explorer (Groß/Kleinschreibung). Dies gilt auch beim kodieren in Java-Scriptdas in HTML-Text beim Schreiben von Variablen-Namen. Window-Anwender sind es gewöhnt, dass die Groß/Kleinschreibung von Dateinamen keihe Rolle spielt, im Internet jedoch sehr wohl, da alle Server unter Unix laufen.
Es wäre m.E. sinnvoll, diesen Hinweis ganz zu Beginn beim der Anlage der ersten Datei (index.html) zu geben.
Vielen Dank für dein Feedback und die motivierenden Worte! Es freut mich sehr, dass dir das Video gefällt :)
Mit deiner Anmerkung hast du natürlich Recht... Das ist eine der Sachen, die einem wahrscheinlich einfach so in Fleisch und Blut übergegangen ist, dass man überhaupt nicht mehr darüber nachdenkt. Das werde ich in Zukunft besser berücksichtigen und darauf hinweisen. Vielen Dank!
Danke für das super Tutorial. Ich beschäftige mich erst seit ein paar Tagen mit dem Thema Programmieren und dein Video hat mir enorm weitergeholfen!
Danke für dein Feedback! Es freut mich sehr, dass ich dir helfen kann :)
Ein super Video! Sehr detailliert und einfach verständlich erklärt und gut übersichtlich gestaltet. Und trotz der Länge kein einziges Werbevideo. Vielen dank für die Mühe:)
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefallen hat :)
OMG DANKKEE SUPER VIDEO ICH BIN JETZT SOZUSAGEN EIN PROFI😂❤
Vielen Dank... es freut mich, dass dir das Video gefallen hat :)
Hallo Dev Planet. Vielen Dank für diese Einführung. Bin grad dran responsives Webdesign zu lernen, da war das ganz hilfreich. Subscription und Like war natürlich Ehrensache. Ich fand das Tutorial sehr gelungen und auch nicht zu lang. Danke schön.
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Wow genau nach so einem Tutorial habe ich gesucht. Da ist wirklich alles richtig gut erklärt. Vielen, vielen Dank ich bin gerade ein richtiger Fan deiner Tutorial-Videos geworden :)
Es freut mich riesig, das zu hören! Vielen Dank :)
Ich bin gerade bei Minute 19 und ich bin total begeistert, wie ausführlich, gut gesprochen und verständlich dieses Tutorial ist. Vielen Dank dafür. Ich brauche den Input um mehr die Probleme zu verstehen, die irgendwann auf mich zukommen könnten =)
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :)
ey die Stimme ist voll beruhigend. haha
Danke für das Tutorial, es hat mir sehr viel weitergebracht!
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Ich finde das Tutorial sehr gut und sehenswert. Man kann Dir sehr gut folgen und jeden Schritt gut nachvollziehen.
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Wahnsinnig gutes Tutorial!! Von Beginn bis zum Ende verständlich erklärt, ebenso mit Zusatzinformationen, welche Wege alternativ möglich sind. Auch sprachlich top und das über zwei Stunden!! Vielen Dank dafür!
Ein super tolles Tutorial. Toll gesprochen und veranschaulicht. Es gibt nichts zu beanstanden, einfach Klasse. Vielen lieben Dank dafür!
Danke für das Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Vielen vielen Dank! :)
Ich finde du hast das super erklärt!
Habe bis jetzt (1:49:19) alles verstanden und es kam noch nicht einmal Werbung. Klasse von dir! :)
Bin gespannt welche Videos du noch gemacht hast und wünsche dir für die Zukunft alles Gute! :) Mach weiter so
LG
derLöwe
Dankeschön, es freut mich sehr, dass dir das Video gefällt :)
Vielen Dank für die Mühe! Unglaublich lehrreich - bitte mehr davon 🙂
Danke für dein Feedback und die motivierenden Worte :)
Sehr gute Arbeit geleistet ! habe heute erst angefangen und muss sein das beste EInsteiger Video ,welches ich Gott sei Dank gefunden habe;D
Danke für das super Tutorial. ich habe noch das Tab Icon geändert habe das auf Google gefunden. Ich habe einfach nochmal den Pokeball verwendet.
Dafür müsst ihr nur den folgenden Pfad ins Element schreiben:
Coole Idee, danke für's Teilen! :)
Großartig gemacht. Bin Quereinsteiger der nichts bessere in Quarantäne zu tun hat als mal Programmieren zu lernen und Dank dir erfolgreich 😉.
Danke für das Lob und viel Erfolg bei deinem Vorhaben! :)
Erstmal 2 Stunden lang fleißig gelernt. Neben C++ und C# eine Sache wo Ich nicht tausend Pausen gebraucht habe, sondern nur eine Essenspause :D Top Tutorial ;)
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt! :)
Ich war komplett verzweifelt, wie man CSS und HTML miteinander verbindet aber du hasch mich mit diesem Video komplett gerettet, alles verständlich und perfekt erklärt. Du warscht der einzige bei dem ichs verstanden hab, ich bin dir für deine Arbeit sehr sehr dankbar :)
Endlich kapiert - schade, dass ich das Video erst jetzt entdeckt habe :-) Weiter so! 😊
Hab mir jetzt auf der Arbeit das Video angeguckt. Von Anfang bis Ende.
Ich muss ehrlich sagen, dass du alles super erklärt hast und auch sehr klar zeigst, wofür was ist und auf alles eingehst, dass man dir auch als Laie super folgen konnte. Hab das alles nebenbei selbst mitgebaut und meine Seite sieht auch 1 zu 1 so aus wie bei dir im Video. Mit der Basis wollte ich mir jetzt n Pokedex basteln von 1 - 151. Sonst sitz ich 100 Jahre dran, alleine wegen den ganzen TM's & VM's
Hab aktuell nur html mit ein wenig css und viel PHP, js & Ajax gemacht, daher hatte ich auch noch nicht so viel Ahnung vom stylen mit css.
Daher war das Video sehr aufschlussreich und informativ. Danke dafür. :)
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt! :)
Dein Projekt klingt sehr spannend. Ich wünsche dir viel Spaß und Erfolg dabei!
@@DevPlanetGermany Danke für dein Video
Mein Anfang der Programmierkarriere begann vor 1,5 Jahren hier xD. Danke vielmals
Es freut mich sehr, dass ich dir auf deinem Weg helfen konnte :)
Mega so macht Tutorial Spaß. Hab das gar nicht bemerkt, dass es 2 Stunden waren. Super Erklärung, Aufbau und Bild.
Vielen Dank für das Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Super und klasse tutorial, danke für deine Mühe. Meine Auszubildende sind süchtig nach deinem Kanal.
Vielen Dank für das Feedback! Es freut mich sehr, dass ich bei der Ausbildung des Nachwuchs behilflich sein kann :)
Ich frage mich echt, warum du nur so wenige Abonnenten hast . Habe mir einige RUclipsr zu den Themen angeschaut, aber du erklärst es echt ausführlich und am Besten. Bitte mach weiter und hör nicht auf !!! :D
Vielen Dank für dein Feedback und die motivierenden Worte :)
Super erklärt! Dieses Tutorial ist zwar lang, aber für mich Top, weil alles sehr gut erklärt wird! Bitte, mehr Tutorials macht spaß mit dir zu Lernen! Dynamische Webseite wäre cool ;-)
Danke für das Feedback und die Anregung :)
Danke für das toll durchdachte und strukturierte Lernvideo und die Arbeit die dahinter steckt.
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Viel mehr aufmerksamkeit verdient. Danke für dein extremst gutes Video, mach weiter :P
Danke für das Lob und die motivierenden Worte :)
Vielen Dank bin gerade mit dem Tutorial fertig geworden, der Lerneffekt ist ausgezeichnet.
Freut mich sehr, danke für dein Feedback! :)
Selten so ein gutes Video auf gesamt RUclips gesehen!
Vielen Dank für das Feedback! :)
Ganz toll! Danke Dir. Alles erklärt, jede Frage die aufkommt wird direkt beantwortet.
Weiter so!
Vielen Dank für das Tutorial! Super schön erklärt. MIr gefällt deine ruhige Art sehr!
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt! :)
Sehr gutes Video. Tolle 2 h, Danke für Deine Ausdauer und Kompetenz. Wird mir in vielen CSS Situationen eine wertvolle Hilfe sein. Dann warte ich mal auf Dein nächstes Video ...
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Vielen Dank! Es ist einfach mega nice von dir, so ein Video zu machen! Respekt!
Vielen Dank!
Unglaublich gutes Tutorial!
Vielen Dank für die Unterstützung❤
Danke! Es freut mich, dass dir das Video gefällt :)
ein absolut gutes Tutorial, dass einen den Einstig in HTML und CSS perfekt vorlegt.
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefallen hat :)
Sehr sehr gutes video. Schaue schon ein bisschen länger nach einem guten tutorial wo alles kurz und knapp jedoch ausführlich zusammen gefasst ist. Trotzdem gehst du auf alles wichtige ein und gibst tipps. Und vorallem erklärst du sehr gut. Danke!
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefallen hat :)
Gebe selten einen "Daumen hoch" aber hier sehr gerne!! Super Tutorial. Alles gut erklärt.
Herzlichen Dank dafür! Es freut mich sehr, dass dir das Tutorial gefällt :)
Herzlichen Dank für diese großartige Eiführung.
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Klasse Video, von Anfang bis zum Ende spannend. Danke für deine Mühe! :)
Sehr sehr gutes tutorial 👌🏻 ich selbst bin absoluter Anfänger und hatte nichtmal Ahnung von der Programmier - Sprache, aber dadurch habe ich echt Fortschritte gemacht und mir einiges eingeprägt. Großes Lob an Dich, für Deine Mühe 😊
Sehr schönes Tutorial. Gerade bei CSS denke ich oft zu kompliziert irgendwie. Auch das umsetzen der Seite auf Mobilegeräte ist sehr hilfreich. Vielen Dank und Daumen hoch.
Danke für dein Feedback! :) Bei CSS gibt es oft mehrere Wege, die zum selben Ziel führen... da kommt es wirklich darauf an, was einem selbst besser gefällt und liegt. Solange das Ergebnis am Ende stimmt, ist ja alles in Ordnung :)
Ein Riesen Dankeschön an Dich für Deine Mühe. Das beste Tutorial ever :-) Ohne Dich hätte ich aufgegeben!
Sehr anschaulich und auch für Laien verständlich erklärt.
Freut mich, dass dir das Video gefällt :)
Grandios erklärt. vielen lieben Dank. Beste Erklärung ever 👍👏
Vielen Dank für dein Feedback :)
Super Doku. Ich interessiere mich jetzt auch dafür und du hast das echt prima erklärt. Hatte zuvor auch überhaupt keine Kenntnisse davon und habe echt alles verstanden. Vielen Dank nochmals dafür . Ich benutze unter Freebsd Code - OSS dafür, scheint ein Visual Clone zu sein, funktioniert denke ich fast gleich wie das von Microsoft.
Vielen Dank für so ein cooles und aufwendiges Projekt!
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Echt einfach nur genial und super gemacht. Vielen Dank für dieses Supertutorial - ich freue mich jetzt schon auf dein Nächstes.
Danke für das Lob! Es freut mich sehr, dass dir das Tutorial gefällt und wünsche dir viel spaß mit den anderen Videos :)
Klasse !
Ich danke Dir/euch vielmals, du erleichterst mir den einstieg unbeschreiblich.
Klasse Tutorial!
ich wurde mehr für fortgeschritten empfehlen. Vielen Dank für die Mühe!
Danke hast meine Informatiknote gerettet, gutes video
Freut mich, dass ich helfen konnte :)
Extrem hohe Qualität, sehr sehr nice !
Freue mich schon auf das nächste Vid, wird dann einfach wegkonsumiert :'D
"Der kleine gelbe Nager...sieht riiichtiiig furchtbar aus" :DDDDD
Echt tolles Video ich habe nach 10 Minuten schon mehr verstanden als in dem halben Jahr bei meinem Dozenten
Danke für das Feedback! Es freut mich sehr, dass dir das Video gefällt :)
@@DevPlanetGermany was vielleicht fehlt wäre ein Grid-Container
Super Klasse Video! Sehr ausführlich bringst du mir Schritt für Schritt bei, meine Webseite zu verbessern :D Vielen dank, man!
Danke für dein Feedback! Es freut mich sehr, dass dir das Video geholfen hat :)
Vallah richtig Strammes Video.
Du hast mir echt den Arsch gerettet hahaha das wird saaaaaffffe eine 1*
Freut mich, dass ich dir helfen konnte :)
0:38:00 hahahhahahah bester Mann, sehr gutes Tutorial
Danke... Ich finde den Standardstil der Browser einfach nur furchtbar 😂
Besser gehts nicht! Danke.
Danke für das Lob! :)
Du bist doch mit sicherheit Ausbilder! ^^ Danke mal wieder was dazu gelernt :3
Kein Ausbilder... nur ein wissbegieriger Entwickler, der seine Erkenntnisse gerne teilt :)
Sehr gelungen, wie für mich gemacht 👍
Das freut mich :)
Danke für die Mühe und das tolle Video!
Für dieses perfekte Video müsste ich 12x "Daumen hoch" geben. Und gerade deshalb stören mich die 7 Daumen runter sehr: was habe diese Querdenker auszusetzen? Der Lerninhalt einer komplexen Seite wurde erstklassig vermittelt. Meine ganze Seite, die ich mit geschrieben habe funktioniert und ich kann auf dieser Grundlage eine eigene Seite nach meinen Vorstellungen bauen. Was hätte man also besser machen können? Für mich lautet die Antwort eindeutig: NICHTS - NADA - NOTHING - NITSCHEWO
Vielen lieben Dank für dein Feedback und die motivierenden Worte! Es freut mich wirklich sehr, dass dir das Video gefällt :)
Mit den 7 Daumen runter kann ich ganz gut leben... Es ist halt jeder unterschiedlich und jeder lernt auf seine eigene Weise. Da ist es nur natürlich (aber deshalb nicht weniger schade), dass es auch Leute gibt, die mit meinen Tutorials nichts anfangen können. Deshalb freut es mich umso mehr, dass die Resonanz insgesamt so positiv ausfällt und dass es Leute wie dich gibt, denen ich helfen kann. Das motiviert ungemein :)
Das ist ja wunderbar! Vielen Dank!
Vielen lieben Dank!!!!! Super Video jetzt wird vieles klarer.
Danke für dein Feedback! :)
pädagogisch sehr wertvoll!
Danke :)
Souverän, wunderbar erklärt. So flüssig, so gut...Danke !
Danke für das Lob! :)
Super Video wirklich sehr hilfreich. Dankeschön für dieses Video Ehrlich!. Grüße :D
Danke für das Lob! :)
Bestes Tutorial,danke Mann
Sehr tolles Video!
Danke dafür :)
Danke für das Lob :)
Sehr gutes und sehr hilfreiches Tutorial!
Vielen Dank! Freut mich, dass es dir gefällt :)
Daumen hoch und Abo dagelassen. Ich freue mich schon auf das nächste Tutorial.
Leider sind die Tabellen bei mir gleich lang. Habe den Fehler bislang nicht finden können.
Das liegt nicht an dir, sondern am Standardverhalten von Flexbox-Behältern. Hier wird der Inhalt normalerweise auf der Querachse (die nicht über justify-content geregelt wird) auf die volle Breite bzw. Höhe des Behälters gestreckt.
Da wir den Flexbox-Behälter nutzen, um die Elemente mit justify-content horizontal auszurichten, ist die Horizontale in unserem Fall die Hauptachse und die Vertikale ist die Querachse - und deshalb wird die kürzere Tabelle in ihrer Höhe so gestreckt, dass sie die gesamte Höhe des Behälters ausfüllt (die von der Höhe des höchsten Inhalts, also der längeren Tabelle abhängt).
Interessanterweise wurde genau dieses Standardverhalten von den meisten Browsern lange Zeit nicht so umgesetzt, weshalb es im Video funktionierte. Leider wurde das mittlerweile "behoben".
Willst du nicht, dass die Tabellen gestreckt werden, musst du dem CSS-Eintrag für die tabellenbehaelter Klasse folgende Zuweisung hinzufügen: align-items: flex-start;
Die align-items Eigenschaft bestimmt, wie mit den Elementen auf der Querachse verfahren wird. Leider ist der Standardwert für Flexbox-Elemente hier "stretch". Mit flex-start sagen wir, dass die Elemente einfach am Anfang der Querachse (also oben) positioniert und nicht gestreckt werden sollen.
Ich hoffe das hilft dir weiter :)
Einfach erklärt!!! Vielen Danken.
super geil, hab dir ein abo rausgehauen! grüsse aus Emskirchen
Danke für den Kommentar und das Abo :)
Langes aber hilfreiches Video xD
Danke für das Feedback! :)
Das hat sehr viel Spaß gemacht :) Danke für deine mühen. Meine erste Tabelle ist so Lang wie die zweite geworden (die Tabellen Zellen haben mehr platz für den Inhalt) allerdings habe ich nicht herausgefunden warum das bei mir so ist. Hast du ein Tipp?
Danke für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Zu deiner Frage: Dass die Tabellen gleich lang sind, liegt nicht an dir, sondern am Standardverhalten von Flexbox-Behältern. Hier wird der Inhalt normalerweise auf der Querachse (die nicht über justify-content geregelt wird) auf die volle Breite bzw. Höhe des Behälters gestreckt.
Da wir den Flexbox-Behälter nutzen, um die Elemente mit justify-content horizontal auszurichten, ist die Horizontale in unserem Fall die Hauptachse und die Vertikale ist die Querachse - und deshalb wird die kürzere Tabelle in ihrer Höhe so gestreckt, dass sie die gesamte Höhe des Behälters ausfüllt (die von der Höhe des höchsten Inhalts, also der längeren Tabelle abhängt).
Interessanterweise wurde genau dieses Standardverhalten von den meisten Browsern lange Zeit nicht so umgesetzt, weshalb es im Video funktionierte. Leider wurde das mittlerweile "behoben".
Willst du nicht, dass die Tabellen gestreckt werden, musst du dem CSS-Eintrag für die tabellenbehaelter Klasse folgende Zuweisung hinzufügen: align-items: flex-start;
Die align-items Eigenschaft bestimmt, wie mit den Elementen auf der Querachse verfahren wird. Leider ist der Standardwert für Flexbox-Elemente hier "stretch". Mit flex-start sagen wir, dass die Elemente einfach am Anfang der Querachse (also oben) positioniert und nicht gestreckt werden sollen.
Ich hoffe das hilft dir weiter, auch, wenn die Antwort etwas spät kommt :)
Danke schön! und Danke für die Liste!
Danke für dein Feedback :)
Hi!
KRASS aufwendiges Video!
Jedoch ein paar so kleine Kniffe kannte ich schon (z.B. mit Tabellen, % oder so ..) ;-)
Afgrund Deinses + anderen Tutorials hat es bei mir zig X-mal Klick gemacht! Aufgrund dessen fange ich meine (Asbach-)Homepage jetzt komplett neu an, wobei ich da verm. dann auch JS mehr brauchen werde ;-) !
Also da kömmt ne Mörderarbeit auf mich zu :-D
Denn als ich mit HTML begann (war glaube ich 2 oder 3, noch mit meinen Commodore Amigas), hatte ich damals schon begonnen, mich jedoch leider nicht weitergebildet! Da sind solche Tutorials mehr als hilfreich um sein Wissen nicht nur Aufzfrischen, sondern auch zu erweitern!!!!
Also sorry wenn ich da meine (ALTE inzwischen eher peinliche) Homepage hier nicht angebe !!! ;-)
Jedoch KNALLER, KRAASES VIDEO mit SEHR VIEL MÜHE ++++ !!!!!!!!
Sorry das Abo und Daumen war unumgänglich! ;-)
Vielen Dank für das Feedback, das Abo und den Daumen - es freut mich sehr, dass dir das Video so gut gefallen hat! :)
Dein Projekt klingt echt spannend, viel Erfolg dabei!
@@DevPlanetGermany Ja, denn ich bin ja nicht mehr der Jüngste und meine Gesundheit (nicht Covid ..) ist sowas von besch.... (pardon), ich halte halt nimmer so durch wie mit 20 oder so :-(
Zudem mache ich das ja jetzt nur noch für mich zum Zeitvertreib bzw. meinem priv. Spaß +
Ich spare mir von meinem Harz4 das für Glasfaser vom Mund ab :-( also nen Bezahlkurs könnte ich mir garnicht leisten :-(
Zudem ist es ja für mich auch (inzwischen) nur ein Hobby + Weiterbildung ;-)
Nochmal Zudem: ich hatte mal Videos gemacht (neuere), da war ich bei DSL (Kupfer) aber sowas von gekniffen :-( Für 1 Video brauchte ich mal 3 Tage für den Upload, HALLO, was n das denn?
Gut die ISP's konnten dafür nix (Sch... [pardon] Hauskupferverkabelung) für!
Jetzt mit FTTH wo = Flitz! Livestreams + das lüppert, da hab ich ne Auslastung selbst mit meinem lokalen (Microdoof) Webserver nahe zu 0% auslastung ;-)
Denn bei meinem alten DSL 16000 kam ich nur auf 11000 im Down! :-(
Jetzt im Up 50, also das X-Fache nur Sendeleistung! :-D
Ist doch (möchte ich mal sagen) ein gewaltiger Schied Unter :-D ?
(11000 Down zu 50000 Up und 250000 down) ... ;-)
Wenn meine Rechner im LAN/WLAN das noch packen würden, wenn ich ned
immer so viel div. anderes am laufen hätte. ++++
Darfst ja gerne auch auf meine E-Mail antworten ;-)
Jeoch, bin ma wech, brauch ma ne PA Use ;-) (nicht Beate Use) :-D
PS: ich möchte eh versuchen von Microdoof weg zu kommen! Verwende daher den Firefox ;-)
Auch hatte ich mal nen (auch asbach) 486er-Rechner mit damals noch kostenlos Suse aufgesetz, da konnte ich mit egal welches System den Server hoch fahren, das gab für alle (2 weitere) Rechner immer das selbe Bild mit Freigaben ++ die haben ned gespannt, auf welchem System der Server (+ auch Druckerserver) lief! :-D (95/98/2000/[SuSe glaube 7.1]) ...
Bevor das jetzt noch ein Roman (inkl. FISI) wird, mach ich jetzt wirklich mal PA USE ;-)
bis denne ;-)
gutes video danke und das schon vor 2Jahren
Tipp um euch die Sachen besser zu merken:
Ihr könnt Kommentare schreiben. Die werden dann nicht vom Script berücktsichtigt aber für dich angezeigt.
In html macht ihr das mit
In css macht ihr das mit /* der Kommentar */
Da hast du recht, danke für den Hinweis :)
das hat wirklich weiter geholfen und wenn ich nochmal fragen habe kann ich super zu diesem video zurück kommen wegen den genauen kapitel angaben
Danke für das Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Vorab erstmal vielen Dank für die Mühe was du dir mit diesem Tutorial gemacht hast, es ist unfassbar lehrreich.
Ich konnte sehr viel davon lernen und in Zusammenhang bringen wie das ganze funktioniert. Natürlich Bedarf es noch viel mehr Übung, aber immerhin ist ein Anfang gemacht. :D
Hab bis gerade eben dieses Tutorial durchgearbeitet, aber irgendwie will bei mir die Desktopansicht die Pokebälle und das hintergrund.jpg nicht mehr laden seit es runter zu @media (1200px) verschoben wurde =(
Auch ist meine "Durch Levelaufstieg" - Tabelle aus welchem Grund auch immer genau so lang geworden wie die "Durch TM/VM" - Tabelle. ^^
Muss ich mich morgen wohl nochmal auf Fehlersuche begeben. Evtl. finde ich ja selbst den Fehler.
Über Tipps bin ich aber dennoch dankbar, das Video ist ja nun doch schon älter und es wäre möglich, dass die Ursache in einer Neuerung liegt. Wer weiß =D
Am anfang dachte ich ich werde nie sowas können aber mit dem programm und den abkürzungen ist das um so vieles einfacher- :) sogar ich noob schaffe sowas jz auch
Danke für dein Feedback! Es freut mich sehr, dass dir das Video helfen konnte, in die Webentwicklung einzusteigen - bleib auf jeden Fall dran! :)
Schönes Tutorial. Ich empfehle ja VSCodium zum Coden, weil es nahezu genauso wie VsCode ist, nur Opensource und ohne Microsoft Spyware.
Hallo DEV Planet, starke Areit, sehr genau erklärt, ruhig usw alles prima! Hast du schon mal ein Tutorial zu etwas spetielleren Class/Id Zuordnungen gemacht?
ZB zu welchen Elementen man überhaupt class /id setzen kann.
Ich möchte gerne die Hintergründe jedes einzelnen Menüpunktes andersfarbig gestalten. Hast du einen heißen Tip?
vielen Dank für deine Tutorials auf jeden Fall!
Vielen Dank für dein Feedback! Es freut mich sehr, dass dir das Video gefällt :)
Ich werde möglichst zeitnah ein detailliertes Video zu Klassen und IDs veröffentlichen. Zu deinem speziellen Vorhaben kann ich dir aber folgendes sagen: id und class sind sogenannte globale Attribute - man kann sie also an jedes beliebige HTML Element hängen und ihnen so eine ID bzw. eine oder mehrere Klassen zuweisen. Beide dienen dazu, die Elemente identifizierbar und im CSS oder Javascript auswählbar zu machen. Der Unterschied besteht hauptsächlich darin, dass eine ID im gesamten Dokument einzigartig sein muss. Sie sind eindeutige Bezeichner und deshalb darf jede ID nur ein einziges Mal vergeben werden. Klassen kann man sich hingegen als Gruppen von Elementen vorstellen. Es ist also möglich, beliebig viele Elemente zur gleichen Klasse hinzuzufügen. Dabei muss es sich nicht einmal um den selben Elementtyp handeln. Erstelle ich beispielsweise eine Klasse mit dem Namen "text-rot", um Texte rot zu färben, kann ich sie für Überschriften, Absätze, a-Tags usw. verwenden.
Um die Hintergründe deiner Menüpunkte unterschiedlich zu gestalten, könntest du also im HTML jedem Menüpunkt eine separate Klasse zuweisen. Für jede dieser Klassen erstellst du dann im CSS einen separaten Eintrag mithilfe des Klassenselektors (ein Punkt gefolgt vom Klassennamen - zum Beispiel .klassenname) und legst darin mithilfe der background oder background-color Eigenschaften unterschiedliche Farben als Werte fest.
Ich hoffe, das hilft :)
@@DevPlanetGermany Die Möglichkeit der Zuordnung habe ich mir auch schon gedacht. Allerdings bin ich an der Syntax gescheitert, also der Frage, wo in der href Zeile definiere ich die class? habe jedem Menue-Punkt auch schon eine Grafik verpasst und nun so lange herumprobiert..... bis es geklappt hat!!!! Tausend Dank für deine Hilfe!
@@katharinawarken1414 Es freut mich sehr, dass ich dir helfen konnte :)
Es scheint, als bestünde dein Problem eher in der Anwendung von Attributen im Generellen als in dem class Attribut im Speziellen. Das class Attribut ist ein Attribut wie jedes andere. Um es zusätzlich zum href Attribut verwenden zu können, schreibt man erst das erste Attribut mit seinem Wert auf und dann nach den Anführungszeichen für den Wert das zweite Attribut, wie zum Beispiel:
Für weitere Informationen zu Attributen im Generellen kann ich dir mein etwas älteres Video dazu empfehlen: ruclips.net/video/kHaBQ7Y6Cyg/видео.html
Außerdem habe ich gerade ein Video zum class Attribut im Speziellen veröffentlicht. Solltest du daran Interesse haben, kannst du es hier finden: ruclips.net/video/Q063y91Lnp4/видео.html
@@DevPlanetGermany das schaue ich mir definitiv alles an. Mein Problem ist momentan vor allem, dass ich mir ein Design ausgedacht habe, das umzusetzen mit meinen stümperhaften Coding-skills eine echte Herausforderung darstellt...
Ich habe sozusagen noch kein sicheres Handwerkszeug und weiß nicht, wie ich die Kreissäge richtig bediene. Stattdessen vergolde ich hier und da schon mal ein Stuhlbein.
Aber ich möchte unbedingt alles lernen und bleibe auf jeden Fall dran.
Das machst du genau richtig. Sich durch ein eigenes Projekt durchzubeißen und sich die nötigen Informationen dafür zusammenzusuchen ist meiner Meinung nach der beste Weg, das Coden zu lernen.
Eine wirklich exzellente Einführung in die Programmierung mit HTML und CSS, sehr gut und detailliert erklärt.
Aber bei der Durchführung ist eine Kleinigkeit anders (dies trifft auch auf das Projekt bei github zu):
Die beiden Tabellen sind nebeneinander und auch gerahmt dargestellt, doch die kleine Taballe links ist in der gleichen Länge wie die rechte Tabelle dargestellt. Dadurch hat jeder Eintrage eine Höhe von mehreren Zeilen. Wie kann man dies zurücksetzen auf eine einzige Zeile?
Wenn man am Anfang ein ! eintippt wird automatisch der ganze tag für Doctype erstellt nachdem man Enter drückt.
Hi erstmal vielen Dank für das tolle Video. Kennst du vll eine Seite wo die wichtigsten css befehle stehen. Mein Problem ist, das ich mir die befehle nicht so schnell merken kann. Muss ich mir alles auswendig lernen?
Hi, das ist überhaupt kein Problem. Ich kenne keinen Entwickler, der wirklich alles auswendig weiß. Viel wichtiger ist es, die groben Konzepte zu verstehen. Das, was man regelmäßig braucht, weiß man dann irgendwann auswendig - und alles andere schlägt man online nach, wenn man es gerade braucht. Das machen sogar die erfahrensten Entwickler so, also lass dich nicht davon entmutigen, dass du dir nicht alles sofort merken kannst :)
Wenn du etwas über HTML, CSS oder JavaScript nachschlagen möchtest, ist MDN häufig ein guter Anlaufpunkt (Für CSS zum Beispiel developer.mozilla.org/de/docs/Web/CSS)
Gutes Tutorial aber ich brauche dringend hilfe!
Wenn ich in Dreamweaver Leerzeichen drücke oder schreibe dann wird das was davor stand durch das neue was ich schreibe ersetzt woran liegt das?
Das klingt als wärst du im Overwrite-Modus. Schau mal ganz unten rechts in der Ecke bei Dreamweaver, neben dem Dropdown, mit dem du auswählst, in welcher Sprache (HTML, CSS etc.) dein Dokument verfasst ist. Dort steht entweder INS für Insert Modus (neuer Text wird normal eingefügt) oder OVR für Overwrite (neuer Text überschreibt bestehenden Text). Wenn dort OVR steht, kannst du einfach mit der linken Maustaste darauf klicken, um zu INS zurück zu wechseln.
@@DevPlanetGermany vielen Dank
Was ich noch nicht so ganz verstanden habe: wann nutzt man und wann ?
auf anderen webseiten habe ich gelesen, dass man beides verwenden kann, section sei nur neuer. aber ich werde nicht besonders schlau daraus.
Kann es sein dass die Anleitung nicht mehr funktioniert? Sobald ich das zweite div Element schließe und die Seite neu lade wird der Teil Pokémon in der realen Welt auf dem normalen Hintergrund angezeigt und unter Attacken wird ein weißer Balken angezeigt.
Ein sehr gutes Video hat bei mir auch fast alles geklappt. Außer ein paar Dinge die ich mal Aufzähle:
(Hab auch hin und her gespult beim Video aber ist alles genauso gemacht worden wie gezeigt)
Und zwar wenn ich den
body { background: hintergrund.jpg..... und den li { background: pokeball.jpg..... verschiebe in @media (min-width: 1200px) habe ich auch am PC keine Bilder mehr. Sobald ich diese aber wieder wo anders platziere. Z.b. vor @media oder außerhalb der { } ist alles wieder da. Denke hat sich irgendwie / wo ein Fehler eingeschlichen den ich aber absolut nicht finde... :-(
Und zum zweiten was bei mir anders ist bei dir ist die linke Tabelle " Durch Levelaufstieg" kleiner als die andere. Diese sind bei mir gleich groß. Nur das bei der linken halt dadurch das es viel weniger Spalten sind. Ziemlich große Spalten sind für die einzelnen Worte. Auch hier habe ich als mir das auffiel zurück gespult doch nix gefunden. (Habe ich bereits hin bekommen durch @Dev Planet Germany seine Hilfe danke dafür)
Trotz allem bin ich eigentlich mit meinem Gesamtergebnis zufrieden. Vielleicht kann mir ja jemand einen Tipp geben was ich falsch gemacht habe. :-)
Die nächsten Tage je nach dem wann ich es zeitlich schaffe wollte ich noch versuchen impressum und datenschutz einzufügen in das ganze. Muss man ja heutzutage auch beachten.