Versions-Historie des Beitrags „Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern“

Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern

bearbeitet von

HTML_go 22.12.2023 20:05

So sieht nun (vorerst nur die index.html) der Kopf (head) aus (in Auszügen) und drunter auch noch die ergänzte CSS (wie kriege ich das als ZWEI Quelltexte hin?): ~~~html <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title> Startseite | Sozialwerk KONTAKT e.V. | 78050 Villingen-Schwenningen </title> <meta name="description" content="Startseite | KONTAKT e.V. | Wer oder was ist KONTAKT e.V.?" /> <meta name="keywords" content="KONTAKT Villingen-Schwenningen e.V., soziale Arbeit, Sozialwerk für Prävention und Integration, Kids Live, Lights On, Jugendarbeit, Kinderarbeit, Integration, Migration, Suchtprävention" />  </head> ~~~ ~~~css #skip-link { position: absolute; left: 0; top: 0; background: black; color: white; padding: 0.25em; transform: translateY(-100%); transition: 0.2s transform; } #skip-link:focus { transform: translateY(0); } ~~~

Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern

bearbeitet von

Rolf B 22.12.2023 20:23

So sieht nun (vorerst nur die index.html) der Kopf (head) aus (in Auszügen) und drunter auch noch die ergänzte CSS (wie kriege ich das als ZWEI Quelltexte hin?): ~~~ <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title> Startseite | Sozialwerk KONTAKT e.V. | 78050 Villingen-Schwenningen </title> <meta name="description" content="Startseite | KONTAKT e.V. | Wer oder was ist KONTAKT e.V.?" /> <meta name="keywords" content="KONTAKT Villingen-Schwenningen e.V., soziale Arbeit, Sozialwerk für Prävention und Integration, Kids Live, Lights On, Jugendarbeit, Kinderarbeit, Integration, Migration, Suchtprävention" />  </head> #skip-link { position: absolute; left: 0; top: 0; background: black; color: white; padding: 0.25em; transform: translateY(-100%); transition: 0.2s transform; } #skip-link:focus { transform: translateY(0); }