Flexbox - grid-Layout
bearbeitet von
Servus!
> Guten Abend,
> den Code, für den ich keine Erlärung fand, auch nicht in den angegebenen Beiträgen ist:
>~~~css
> .aufgabe {
> display: grid;
> grid: "h2 h2 " auto
> "text text" auto
> "vers lsng" auto
> / 1fr auto;
>}
> ~~~
> versuchte für das, was Rolf beschrieben hat, eine zweite Erläuterung zu bekommen.
Geh die einzelnen Eigenschaften durch, in dem du die Begriffe in die Suche des Wiki eingibst:
* [display:_grid](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Implizite_und_explizite_Erzeugung#display:_grid)
* [CSS/Eigenschaften/grid](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/grid)
Was Rolf verwendet, wird in den 3x verlinkten Tutorials ausführlicher und kurz hier beschrieben:
- [CSS/Eigenschaften/grid-template-areas](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/grid-template-areas)
> Ich gestatte mir eine Bemerkung zu Felix, der mir mit seinen Bemerkungen Verhaltensweisen unterstellt, die mir fremd sind. Auch wenn es ihm schwerfällt, eine andere Sicht der Dinge zu akzeptieren, solche Situationen gibt es. Wäre schade, wenn deswegen die Hilfe eingestellt wird.
Ich glaube eher, dass dir diese Verhaltensweisen nicht bewusst sind. Schließlich haben ja schon mehrere Experten gesagt, dass es so wie von dir gewünscht nicht funktionieren wird.
>
> Bin nach wie vor daran interessiert, wie man es hinkriegt, dass eine Funktion nach dem Anklicken des Buttons aus Grid heraus aufgerufen wird.
Das Grid dient der Gestaltung der Seite in einem responsiven Raster. Es hat **nichts** mit der Funktionsweise eines Button oder Eingabefelds zu tun.
Dzu kannst mit JavaScript den Focus auf ein bestimmtes Element setzen:
* [JavaScript/DOM/HTMLOrSVGElement/focus](https://wiki.selfhtml.org/wiki/JavaScript/DOM/HTMLOrSVGElement/focus)
Herzliche Grüße
Matthias Scharwies
--
[bildung.social/@selfhtml](https://bildung.social/@selfhtml)
Flexbox - grid-Layout
bearbeitet von
Servus!
> Guten Abend,
> den Code, für den ich keine Erlärung fand, auch nicht in den angegebenen Beiträgen ist:
>~~~css
> .aufgabe {
> display: grid;
> grid: "h2 h2 " auto
> "text text" auto
> "vers lsng" auto
> / 1fr auto;
>}
> ~~~
> versuchte für das, was Rolf beschrieben hat, eine zweite Erläuterung zu bekommen.
Geh die einzelnen Eigenschaften durch, in dem du die Begriffe in die Suche des Wiki eingibst:
* [display:_grid](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Implizite_und_explizite_Erzeugung#display:_grid)
* [CSS/Eigenschaften/grid](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/grid)
Was Rolf verwendet, wird in den 3x verlinkten Tutorials ausführlicher und kurz hier beschrieben:
- [CSS/Eigenschaften/grid-template-areas](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/grid-template-areas)
> Ich gestatte mir eine Bemerkung zu Felix, der mir mit seinen Bemerkungen Verhaltensweisen unterstellt, die mir fremd sind. Auch wenn es ihm schwerfällt, eine andere Sicht der Dinge zu akzeptieren, solche Situationen gibt es. Wäre schade, wenn deswegen die Hilfe eingestellt wird.
Ich glaube eher, dass dir diese Verhaltensweisen nicht bewusst sind. Schließlich haben ja schon mehrere Experten gesagt, dass es so wie gewünscht nicht funktionieren wird.
>
> Bin nach wie vor daran interessiert, wie man es hinkriegt, dass eine Funktion nach dem Anklicken des Buttons aus Grid heraus aufgerufen wird.
Das Grid dient der Gestaltung der Seite in einem responsiven Raster. Es hat **nichts** mit der Funktionsweise eines Button oder Eingabefelds zu tun.
Dzu kannst mit JavaScript den Focus auf ein bestimmtes Element setzen:
* [JavaScript/DOM/HTMLOrSVGElement/focus](https://wiki.selfhtml.org/wiki/JavaScript/DOM/HTMLOrSVGElement/focus)
Herzliche Grüße
Matthias Scharwies
--
[bildung.social/@selfhtml](https://bildung.social/@selfhtml)