nicht angemeldet
Matthias ScharwiesServus!
Servus!
Hallo Rolf, ich bin nun Punkt für Punkt durchgegangen. Das Loging, da hast du Recht ist mit console.log besser. Für den Mobilen Einsatz sprengt das den Rahmen und das es mit den Entwickler tools am PC gut zu lesen ist hatte ich nicht bedacht.
Der Html Code erzeugt im Validator jetzt 0 Fehler :).
Dann bleibt nur ein Punkt übrig. Die Darstellung des Displays. Hast du da auch ein Tipp für mich?
Meine Idee war es mit eine Tabelle zu lösen und die Zellen anzusprechen.
Nein, eine Tabelle ist nicht zur Seitenstrukturierung gedacht.
Nimm Grid Layout
- für die Virtuellen Tasten (Links unter der Überschrift)
- für das Display (Rechts unter der Überschrift)
- Ein kleines log Fenster. (unterhalb der Tastatur und Display)
HTML:
<body> <h1>Überschrift> <div> <div id="menu"> <button> ...</button> ... </div> <aside> <output> </output> </aside> </div> <p> <output> </output> </p>Herzliche Grüße
Matthias Scharwies
Sorry, wurde unterbrochen. Jetzt das
CSS:
body > div {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1em;
}
Dann sind Überschrift und output 100% breit und die beiden menu- und display- Blöcke nebeneinander.
Herzliche Grüße
Matthias Scharwies
Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“
Rolf B
Auge
Der Martin