rwx.work/help
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css/nav

Browse source
This commit is contained in:
Marc Beninca 2025-01-26 19:38:23 +01:00
parent a7278feeaf
commit abfb2e60cc
Signed by: marc.beninca
GPG key ID: 9C7613450C80C24F
2 changed files with 28 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
rtfd/public/html/index.html
View file

@ -12,8 +12,13 @@
<body> <body>
<header> <header>
Header.
<img src="images/logo.svg" alt="Logo of the website."> <img src="images/logo.svg" alt="Logo of the website.">
<nav aria-label="Main navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="other.html">Other</a></li>
</ul>
</nav>
</header> </header>
<main> <main>

23
rtfd/public/html/style/main.css
View file

@ -31,6 +31,9 @@ text-align: start;
header { header {
background-color: #300; background-color: #300;
display: flex;
gap: 1em;
justify-content: space-between;
padding: 1em 2em; padding: 1em 2em;
} }
@ -106,12 +109,30 @@ ul li::marker {
content: "×"; content: "×";
} }
header nav a {
text-decoration: none;
}
header nav a:focus-visible,
header nav a:hover {
background-color: blue;
}
header nav ul {
display: flex;
gap: 1em;
list-style: none;
padding: 0;
}
header nav li::marker {
content: none;
}
a { a {
color: inherit; color: inherit;
} }
a:visited { a:visited {
} }
a:focus-visible, a:hover { a:focus-visible,
a:hover {
} }
a:active { a:active {
} }