HTML Tabelle gestalten mit CSS für Anfänger

Поділитися
Вставка
  • Опубліковано 16 гру 2024

КОМЕНТАРІ • 45

  • @Xcf_341
    @Xcf_341 2 роки тому +1

    Omg so kurz aber effektiv,
    was für ein Video man!
    Das ist echt etwas für zwischendurch in der Pause,
    danke dafür!!!

  • @rudiziebart9686
    @rudiziebart9686 11 місяців тому +1

    Sehr schön gemacht. Gut verständlich und am Ende hat alles funktioniert. Die Tabelle schaut super aus. Besten Dank Mario!

  • @peterk.2925
    @peterk.2925 3 роки тому +2

    Wieder sehr hilfreich und Glückwunsch zu 2000 Abonnenten. 🙂

  • @Marcinemos
    @Marcinemos 3 роки тому +2

  • @janbacher3765
    @janbacher3765 2 роки тому +1

    Absolute Legende, kranker Dialekt 😘😅👍

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +1

      Ja die Einheimischen hier haben mich jahrelang dazu genötigt so zu reden. Ich fühl mich als Italiener gefangen im Körper eines Sachsen der hochgradisch gommunigatief is ;)

  • @Lyrik-Klinge
    @Lyrik-Klinge 3 роки тому +2

    Super erklärt, DANKE!

  • @kippenvogelchen9717
    @kippenvogelchen9717 2 роки тому +1

    danke, wieder mal was gelernt :-)

  • @audiovalet
    @audiovalet 2 роки тому +1

    Хороша робота. Дуже дякую.

  • @timmuller4180
    @timmuller4180 2 роки тому +1

    Vielen Dank :)

  • @-lombax
    @-lombax 2 роки тому +1

    Echt super Videos. Kannst du bitte mal ein Video machen, wo du px, em, rem, vh, vw etc. erklärtst, wann sich was eignet. Wäre echt super.

  • @HoTeNaTV928
    @HoTeNaTV928 3 роки тому +2

    Wie immer Top, auch das du zwischendurch immer mal wieder einfache Themen rein nimmst, das festigt. Könntest du nicht mal eine Seitenfunktionalität mit uns zusammen bauen? Also 10 Datensätze auf Seite 1, 10 auf Seite 2 usw. Datensätze aus einer Datenbank und vielleicht umsetzen in PHP oder JAVAScript.

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +2

      Vielen Dank für dein Feedback. Und danke für deine Videoidee. Steht doch tatsächlich noch nicht auf meiner Liste 😅

    • @HoTeNaTV928
      @HoTeNaTV928 3 роки тому +3

      @@ProgrammierenMario Wenn du das machst

    • @CW-wq4tf
      @CW-wq4tf 3 роки тому +1

      @@HoTeNaTV928 Dem schließ ich mich an. Der Vorschlag klingt gut! :)

  • @timmuller4180
    @timmuller4180 2 роки тому +2

    wie kann man eigentlich wenn man auf sagen wir mal id 1 in die spalte klicken will um z.b dann eine liste wie eine dropdown liste die dann wieder zu einer weiteren anzeige führt erstellen ? also wir haben die tabelle und wollen dann z.b in spalte 1 z.b auf einen namen oder genre klicken wenn man auf diesen namen klickt öffnet sich dann eine dropdownliste die dann verschiedene genres anzeigt und dann anschließend draufklicken kann um dann eine andere tabelle angezeigt zu bekommen die dann z.b alle genres z.b. since fiction anzeigt

    • @timmuller4180
      @timmuller4180 2 роки тому

      ich hab echt keine ahnung bin selbst anfänger würdest du mir helfen ?

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +1

      Hallo Tim, das wirkt auf mich etwas durcheinander. Üblich ist es eher jede Zeile der Tabelle über eine separate Maske/Formular editierbar zu machen. Das bedeutet das die einzelnen Datensätze über ein Icon oder gesamte Zeile verlinkt auf eine extra Seite verlinken wo man diesen Datensatz bearbeiten kann. Dort könntest du dann auch über Selectboxen etc. verschiedene Genres zur Auswahl haben. Alles in der Tabelle unter zu bringen ist zu unübersichtlich.
      Das Wie im Detail würde den Rahmen eines Kommentars sprengen. ;)

    • @timmuller4180
      @timmuller4180 2 роки тому

      @@ProgrammierenMario hmm und was muss ich dafür in meinen editor schreiben 😅?

    • @erickbecker7604
      @erickbecker7604 2 роки тому

      @@timmuller4180 frage ich mich ehrlich gesagt auch :/

  • @christiankonig1295
    @christiankonig1295 2 роки тому +1

    Hab mir die Tabletten nachgebaut und hat alles funktioniert. Du Erklärung wirklich gut.
    Nur eine Frage noch:
    Um das Grundgerüst aufzubauen hat man Shirt ! und Enter benutzt.
    Das geht mit den neuen Update nicht mehr.
    Fang immer mit html und Enter an.
    Danke für deine Videos

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Hi Christian, ja seit dem letzen Update von vscode funktioniert das leider nicht mehr mit !. Du kannst es aber wieder aktivieren in den Einstellungen. Suche da mal nach "Emmet" und mache dort bei der Option das es per Tab Taste ausgelöst wird ein Häkchen rein. Dann müsste es wieder funktionieren ;)

  • @Thailanderleben
    @Thailanderleben 2 роки тому +1

    bei mir klappt es nicht alles 1 zu 1 nach geschrieben bei table.content thead tr egal welche Farbe ich auswähle wird es nicht angezeigt!?

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +1

      Hi, hast du bei dir auch den gleichen HTML Aufbau? Falls die Struktur bei dir eine andere ist, dann musst du hier die CSS Selektoren dahingehend anpassen. Vllt kopierst du es dir mal aus meinem Github-Repository. Der Link ist in der Beschreibung. Und vergleichst es dann mit deiner Tabelle. Es reicht schon der kleinste Unterschied und der CSS Selektor geht ins Leere ;)

    • @Thailanderleben
      @Thailanderleben 2 роки тому

      @@ProgrammierenMario Hi Mario, der Teufel steckt im Detail! Ich den ersten Thead mit der Class "content" bezeichnet und nicht den Table! Habe das beim überprüfen nicht gesehen! Danke nochmal für den hinweis! Lass doch mal zusammen mit Community an einem Projekt Arbeiten. Wie denkst du darüber?

  • @erickbecker7604
    @erickbecker7604 2 роки тому +1

    wie funktioniert eigentlich tfoot ? hatte es damit versucht nur irgendwas hab ich bestimmt vergessen zu beschreiben das es damit vielleicht auch funktoniert

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому

      Hi Erick, was möchtest du denn mit tfoot machen? Im Grunde Sind thead, tbody und tfood eine Variante um die Tabelle nochmal weiter zu unterteilen. Wird auch häufig fürs CSS verwendet etc.

  • @torikoshimabukuru3456
    @torikoshimabukuru3456 3 роки тому +1

    Hey Mario, wenn man eine domain kauft, darf man da beliebig viele eigene htmls verlinken im eigenen webspace? Bin mir unsicher ob das dann von provider als mehrere Internetseiten gezählt wird :)

    • @ProgrammierenMario
      @ProgrammierenMario  3 роки тому +1

      Hallo Toriko, ja du kannst mehrere html seiten unter dieser Domain haben. Jede Seite hat dann quasi ihre eigene Adresse unter dieser Domain, z.B.
      deineDomain.de/start
      deineDomain.de/kontakt
      deineDomain.de/produkte
      Du kannst aber auch je nach Provider subdomains erstellen, z.B.
      blog.meineDomain.de
      admin.meineDomain.de
      usw.
      Hoffe das hilft dir erstmal weiter.
      Grüße...

    • @torikoshimabukuru3456
      @torikoshimabukuru3456 3 роки тому +1

      @@ProgrammierenMario Mensch danke! Man will ja erstmal vorsichtig sein wenn man die erste Seite hochlädt :)

  • @erickbecker7604
    @erickbecker7604 2 роки тому +1

    entschuldige wenn ich dich so viel frage will dich auch nicht nerven :/ wie kann man egentlich diese zwei innenlinien auch um die tabelle ziehen ? mit dem befehl border-color bekomm ich das irgendwie nicht hin muss ich einen anderen command nehmen ?

    • @ProgrammierenMario
      @ProgrammierenMario  2 роки тому +1

      per default hat die Tabelle auch einen Rand außen wenn du border setzt. Aber wenn du border-collapse auf collapse setzt dann werden die Ränder der einzelnen Zellen zusammengefasst. Entweder setzt du das auf separate oder nimmst es ganz weg. Dann müsste es funktionieren.

    • @erickbecker7604
      @erickbecker7604 2 роки тому +1

      @@ProgrammierenMario Danke werde ich gleich aussprobieren

  • @nici_fn
    @nici_fn 2 роки тому +1

    seine stimme macht mich kaputt