Correctifs au nav

2025-11-24 20:27:37 -05:00
parent a1c9a239c5
commit 794f61f68a
2 changed files with 20 additions and 13 deletions
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -37,6 +37,7 @@ nav {
    top: 0;
    height: 60px;
    font-weight: 500;
+    z-index: 100;
 }

 nav ul {
@@ -384,17 +385,22 @@ blockquote a {
 /* AUTEUR: Andres */
 /****************************/

-.video-header {
+.armures {
+
+    max-width: 100%;
+}
+
+.armures .video-header {
    position: relative;
 }

-#entete {
+.armures #entete {
    width: 100%;
    height: auto;
    display: block;
 }

-#title {
+.armures #title {
    position: absolute;
    top: 50%;
    left: 50%;
@@ -406,7 +412,7 @@ blockquote a {
    z-index: 10;
 }

-.perso {
+.armures .perso {
    position: relative;
    overflow: hidden;
    padding: 40px;
@@ -414,7 +420,7 @@ blockquote a {
    min-height: 500px;
 }

-.perso .bg-video {
+.armures .perso .bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
@@ -425,11 +431,11 @@ blockquote a {
    z-index: 0;
 }

-.perso .content {
+.armures .perso .content {
    position: relative;
    z-index: 10;
 }

-.habilites {
+.armures .habilites {
    position: absolute;
 }
--- a/www/warframes.html
+++ b/www/warframes.html
@@ -43,7 +43,6 @@ IMPORTANT : Vérifier si cette page est un doublons de la page armures.html et l
 </head>

 <body>
-    
    <nav>
        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a>

@@ -57,12 +56,14 @@ IMPORTANT : Vérifier si cette page est un doublons de la page armures.html et l
        </ul>
    </nav>

-    <header class="video-header">
-    <video id="entete" src="./medias/mediasAndres/nokko.webm" autoplay muted loop></video>
-    <h1 id="title">Warframes</h1>
-    </header>
+    <div class="armures">
+        <header class="video-header">
+        <video id="entete" src="./medias/mediasAndres/nokko.webm" autoplay muted loop></video>
+        <h1 id="title">Warframes</h1>
+        </header>
+    </div>

-    <main class="missions">
+    <main class="armures">
        <section class="perso">
            
            <video class="bg-video" autoplay muted loop playsinline>