Correction du pied de page sur la page carte

This commit is contained in:
leosw
2025-08-18 18:14:11 +02:00
parent 2801ddf144
commit 4eb8f685c5
3 changed files with 17 additions and 10 deletions

View File

@@ -1,7 +1,9 @@
<footer> <footer>
<div id="footernav"> <div class="flex">
<p class="flex-element"><a target="_blank" href="https://www.facebook.com/profile.php?id=61578287940971"><i class="fab fa-facebook-square"></i></a> Léo Serre &mdash; <script>document.write("06 " + "1" + "8 6" + "2 3" + "2 ");</script>&#48;&#53;</p>
<div id="footernav" class="flex-element">
<a href="<?=$config['rel_root_folder']?>wiki/legal">Mentions Légales</a> &mdash; <a href="<?=$config['rel_root_folder']?>wiki/legal">Mentions Légales</a> &mdash;
<a href="<?=$config['rel_root_folder']?>contact">Contact</a> <a href="<?=$config['rel_root_folder']?>contact">Contact</a>
</div> </div>
<p><a target="_blank" href="https://www.facebook.com/profile.php?id=61578287940971"><i class="fab fa-facebook-square"></i></a> Léo Serre &mdash; <script>document.write("06 " + "1" + "8 6" + "2 3" + "2 ");</script>&#48;&#53;</p> </div>
</footer> </footer>

View File

@@ -356,15 +356,12 @@ footer {
padding: 15px; padding: 15px;
margin: 15px auto 0 auto; margin: 15px auto 0 auto;
color: #c1c1c1; color: #c1c1c1;
text-align: left;
}
footer {
} }
footer #footernav { footer #footernav {
float: right;
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-left: auto;
} }
footer a { footer a {
@@ -375,6 +372,12 @@ footer a:hover {
color: white; color: white;
} }
footer .flex {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
/*********************************/ /*********************************/
/** Index page **/ /** Index page **/
/*********************************/ /*********************************/

View File

@@ -157,14 +157,16 @@ footer {
#footer-credits, #footer-legend { #footer-credits, #footer-legend {
background: #212121; background: #212121;
width: 820px;
padding: 15px; padding: 15px;
margin: 15px auto 0 auto; margin: 15px auto 0 auto;
color: #c1c1c1; color: #c1c1c1;
text-align: left; text-align: left;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: calc(50% - 425px); right: 50%;
transform: translateX(50%);
width: 100%;
max-width: 820px;
z-index: 10000; z-index: 10000;
display: flex; display: flex;
} }