[Résolu] Espacements différents pour éléments identiques

Bonjour,

Mes excuses pour ce code sans doute un peu tordu, voir le codepen.

Pour simplifier j'ai deux modèles de footer :
un avec trois éléments alignés à droite.
un autre avec un bloc d'éléments aligné à gauche et un autre bloc de trois éléments aligné à droite.

J'ai fait comme j'ai pu et je ne comprends absolument pas pourquoi dans le bloc de droite les espacements horizontaux ne sont pas les mêmes sur les deux modèles.

boteha_2 a écrit :
Bonjour,

Mes excuses pour ce code sans doute un peu tordu, voir le codepen.

Pour simplifier j'ai deux modèles de footer :
un avec trois éléments alignés à droite.
un autre avec un bloc d'éléments aligné à gauche et un autre bloc de trois éléments aligné à droite.

J'ai fait comme j'ai pu et je ne comprends absolument pas pourquoi dans le bloc de droite les espacements horizontaux ne sont pas les mêmes sur les deux modèles.

Ce serait le margin de .footer > p > span qui s'ajoute . Il n'est peut-être pas refermé dans le HTML où tu voudrais.

Cdt
Modifié par gcyrillus (10 Feb 2025 - 22:00)

Bonjour gcyrillus,

J'ai corrigé et cela semble être bon dans le codepen.

Merci beaucoup.

Bonjour,

Le problème est résolu mais une petite question en prime.

Sachant qu'il n'y a dans la page qu'un seul élément <div class="footer"> puis-je remplacer <div class="footer"> par <footer> en html 5 ?

Je veux dire <footer> (en position fixe en bas de page) correspond-il au contenu que j'y mets ?
Flèches vers le haut, le bas
Lien vers une page d'aide.
Liens internes vers différentes parties de la page.
Alias d'un bouton de soumission.

Quand je lis la doc de Mozilla ce n'est pas évident.
Modifié par boteha_2 (16 Feb 2025 - 16:21)

boteha_2 a écrit :
Bonjour,

Le problème est résolu mais une petite question en prime.

Sachant qu'il n'y a dans la page qu'un seul élément <div class="footer"> puis-je remplacer <div class="footer"> par <footer> en html 5?
...
.

Je dirais que oui. Il semble tout à fait remplir cette fonction.