Antwort an „HTML_go“ verfassen

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

HTML_go 22.12.2023 21:25 (Versionen)

Hallo Rolf,

hatte ich versucht (auch schon in einem anderen Beitrag schon); der zweite Bereich war dann uncodiert angehängt. Aber jetzt habe ich es kapiert; die Tilden müssen den Codebereich umschließen. 😀

#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);
  }

<!DOCTYPE html>
<html lang="de">
  <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, Arbeit mit Jugendlichen, Arbeit mit Kindern, Integration, Migration, Suchtprävention"
    />
  </head>