Dev_Web/web01
Public Access
5
0
Fork 0
Code Issues Projects Wiki Activity

ajouts de boutons de navigation dans un aside

Browse Source
This commit is contained in:
LD
2025-11-21 13:48:04 -05:00
parent fad73cbf2d
commit 0dd30143b5
2 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
www/css/style.css
View File

@@ -155,9 +155,8 @@ nav img {
} }
.lore .nextArc { .lore .nextArc {
width: 8%; width: 5%;
margin: 5px; margin: 5px;
padding: 15px 10px;
display: block; display: block;
text-align: center; text-align: center;
background-color: #C19F8A; background-color: #C19F8A;
@@ -165,18 +164,25 @@ nav img {
} }
.lore .nextArc a { .lore .nextArc a {
padding: 10px 5px;
display: block;
color: #13172c; color: #13172c;
text-decoration: none; text-decoration: none;
} }
.lore .nextArc a:hover { .lore .nextArc a:hover {
width: 8%;
border-radius:15px; border-radius:15px;
text-align: center; text-align: center;
background-color: #bf815b; background-color: #bf815b;
color: #FFEFE5; color: #FFEFE5;
} }
.lore aside {
position: sticky;
left: 15px;
bottom: 15px;
}
#awakening, #vorsPrize, #professor, #onceAwake, #deimos { #awakening, #vorsPrize, #professor, #onceAwake, #deimos {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;

7
www/sousPageLore1.html
View File

@@ -200,10 +200,11 @@
<img src="images/ImagesLea/archwing.jpg" alt="Image d'une warframe avec ses Archwing dans l'espace"> <img src="images/ImagesLea/archwing.jpg" alt="Image d'une warframe avec ses Archwing dans l'espace">
</div> </div>
</article> </article>
<div class="nextArc"><a href="lore.html">Choix de l'Arc</a></div>
<div class="nextArc"><a href="sousPageLore2.html">Arc suivant</a></div>
</main> </main>
<aside>
<div class="nextArc"><a href="lore.html">Menu</a></div>
<div class="nextArc"><a href="sousPageLore2.html">Suivant</a></div>
</aside>
<footer>DATE_WEBSITE</footer> <footer>DATE_WEBSITE</footer>
</body> </body>