• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Aktueller Inhalt von Earlenrico

  1. E

    Tabelle mit Toggle erstellen

    @Oliver77 Dein Code funktioniert. :) Vielen lieben Dank
  2. E

    Tabelle mit Toggle erstellen

    @Sempervivum Grundsätzlich möchte ich mehrere Alben in dieser Liste oder Tabelle haben. Die Alben haben wiederum eine oder mehrere CD´s. Durch Klicken auf das jeweilige Album sollen die jeweiligen CDs des Albums erscheinen, durch das Klicken auf die jeweilige CD die jeweiligen Titel dieser...
  3. E

    Tabelle mit Toggle erstellen

    Dein Vorschlag funktoniert. Bis auf, dass das details-Element beim Aufklappen immer etwas "verruscht". Und beim Aufklappen des 2. Albums sollte das 1. Album nicht gleich mit zuklappen. Sondern es sollte aufgeklappt bleiben. Bei dem Code, was ich hochgeladen habe, verrutschen die Felder "Lfd...
  4. E

    Tabelle mit Toggle erstellen

    @Sempervivum, vielen Dank für deine Hilfe. Ich habe versucht, deine Idee umzusetzen. Ich weiß allerdings nicht, ob ich es richtig verstanden habe: <!DOCTYPE html> <html lang="de"> <head> <title>Summary Details</title> <style> body { display: flex...
  5. E

    Tabelle mit Toggle erstellen

    Ich habe mein Vorhaben jetzt ohne Tabelle mal in Div‘s „gepackt“ Aber wirklich weiter bin ich nicht. <!Doctype html> <html lang="de"> <head> <meta charset="utf-8"> <title>musik</title> </head> <body> <div id="ueberschrift"> Lfd. Nr. Name der CD...
  6. E

    Tabelle mit Toggle erstellen

    Wenn ich das richtig gelesen habe, wird HTML5 summary-details in Tabellen nicht unterstützt. Bitte nicht gleich „steinigen“, wenn ich es falsch verstanden habe.
  7. E

    Tabelle mit Toggle erstellen

    Ich habe jetzt mit summary-details probiert. <html> <head> <meta charset="utf-8"> <title>musik</title> </head> <style> summary{ background-color: #ddd; } </style> <body> <table border="1"> <thead> <tr> <th>Lfd. Nr.</th>...
  8. E

    Tabelle mit Toggle erstellen

    Hallo @Oliver77 vielen Dank für deine Hilfe. Dein Vorschlag funktioniert bis auf eine Sache: Wenn ich das Album lfd. Nr. 01 einklappen möchte und ich auf 01. klicke, sollten CD01 und CD02 zuklappen, sprich verschwinden. @Sempervivum: Es wäre eine Idee, es mit summary-details zu versuchen. Ich...
  9. E

    Tabelle mit Toggle erstellen

    Hallo @Oliver77 , vielen Dank für Deine Hilfe. Nicht ganz, es sollte so sein: Album mit CD1 und eventl. CD2 und eventl. CD3 sichtbar. Wenn man nun auf CD1 klickt, sie also "öffnen" möchte, erscheinen die Titel, klickt man auf CD2, erscheinen die Titel der CD1 und CD2 usw. Klickt man nun...
  10. E

    Tabelle mit Toggle erstellen

    @Sempervivum der untenstehende Code den habe ich von dir, denn hattest du mal in dem Thread mit einbracht. Dieser funktioniert soweit. Danke Dir erstmal dafür. :smile: Kannst du mir trotzdem helfen? Es funktioniert das jeweiligen ein-und ausklappen der CD‘s. Wie funktioniert das komplette...
  11. E

    Tabelle mit Toggle erstellen

    Hallo zusammen, ich möchte hier ein neues Thread aufmachen. Der Grundgedanke entstand vor ca. 3 Jahren. URL: https://www.html.de/threads/div-container-mit-tabelle-und-toggle.60896/ Ich möchte eine Tabelle erstellen von CD‘s. Ich möchte, dass in der Tabelle stehen: Name der / des Albums CD...
  12. E

    DIV Container mit Tabelle und Toggle

    @zorro ich habe das geschriebene von gestern nochmal überarbeitet. Und das ich Anfänger bin, habe ich nie bestriiten. Dennoch würde ich Dich bitten, mir zu helfen, Danke Dir. <!DOCTYPE HTML> <html lang="de"> <meta charset="utf-8"> <title>my CD</title> <head> <link rel=stylesheet...
  13. E

    DIV Container mit Tabelle und Toggle

    Danke.
  14. E

    DIV Container mit Tabelle und Toggle

    @zorro <!DOCTYPE HTML> <html lang="de"> <meta charset="utf-8"> <title>my CD</title> <head> <link rel=stylesheet href=https://unpkg.com/@picocss/pico@latest/css/pico.min.css> <script src=https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js></script> <style> cursor: pointer...
  15. E

    DIV Container mit Tabelle und Toggle

    @zorro logisch ist das nicht Dein Post, wenn man es löscht. Lesezeichen hinzufügen #5 Man sollte es nicht zu umständlich machen... Code: <!DOCTYPE HTML> <html lang=de> <meta charset=utf-8> <title>my CD</title> <link rel=stylesheet...
Mehr ansehen
Zurück
Oben