Durchsuchen nach
Schlagwort: CSS3

Password checking site with HTML, CSS and JavaScript and the code

Password checking site with HTML, CSS and JavaScript and the code

I have updated the static website on my pc. The password checking tool I moved to an external site with the name passwortsachen.html because my To-do-list got a notice board, and then it did not match it with the password checking. You can select the password length from 8 characters to 32 characters, big and small letters, numbers and special character. Then you generate the password and can copy it to where you need it. This generated password will be…

Weiterlesen Weiterlesen

My little To-do list with HTML5/CSS3 and JavaScript

My little To-do list with HTML5/CSS3 and JavaScript

Beside the Linux stuff, I try to do something more easy, even on a static (no online) webpage. Only for me. How it looks like The code HTML5 CSS3 /* aufgabenliste.css – finale, saubere Version */ body { margin: 0; min-width: 250px; font-family: system-ui, -apple-system, sans-serif; background: #f5f7fa; color: #333; } h2 { color: white; margin: 0 0 20px 0; font-size: 2em; } /* Box-Modell */ * { box-sizing: border-box; } /* Zähler */ #counter { margin: 20px 0; font-size:…

Weiterlesen Weiterlesen

Meine neue Startseite im Browser

Meine neue Startseite im Browser

Kommentare 0 Kommentare

Ich habe mir mal wieder etwas Neues einfallen lassen für meine Startseite im Browser. So sieht die „neue“ Übersicht aus. Unter der Haube ist das als CSS grid definiert. Hatte ich das früher noch mit Tabellen erstellen, ist es nun heutzutage ein CSS Grid. Die CSS-Anweisung für Grid .grid{ display: flex; flex-direction: row; flex-wrap: wrap; align-self: stretch; gap: 100px; } Die Javascript – Anweisung für Hallenbad Die Daten vom Hallenbad habe ich natürlich von den städtischen Seiten der Stadt Essen….

Weiterlesen Weiterlesen

Button ohne blauen Internetlink (HTML5)

Button ohne blauen Internetlink (HTML5)

Kommentare 0 Kommentare

Ich hatte meine Startseite neu erstellt und auf der linken Seite ein kleines Menü in Form von Buttons gehabt. Bei meinem ersten Versuch hatte den blauen Link Unterstrich in den Buttons, was auch für mich nicht schön aussah. Dann habe ich es mit dem Framework Bootstrap versucht, aber dann funktionierte mein Drop-Down Menü nicht mehr. Das Drop-Down-Menü ist mir schon sehr wichtig. Heute Morgen bin ich auf die Lösung gestoßen. Wenn man es so macht, funktioniert es: <a href=“Link.html“><button class=“pusemukel“>Meistereder</button></a>…

Weiterlesen Weiterlesen