Reviens un peu sur tes bases en html, il ya plusieurs choses qui ne vont pas en seulement quatre lignes:
On n'utilise pas de <p> pour n'importe quoi. Ça ne doit servir qu'à séparer des blocs de texte en plusieurs paragraphes.
Tu ouvres un <h1> que tu ne refermes jamais. Là où tu devrais le refermer, tu ouvres et referme un paragraphe, vide.
Tu ne devrais de toutes façons pas avoir un <h1> à cet endroit. On ne mets pas un niveau de titre de cette importance à un endroit destiné à des infos complémentaires.
Pour ce qui est de ton problème, il vient des marges automatiques des éléments en question (<p> et <h1>). Sois il faut leur retirer leurs marges en mettant margin: 0; , soit ajouter un padding à ton footer.
Pense également à ajouter magin: 0; sur body.
- Edité par EmmanuelBeziat 28 mai 2017 à 23:10:25
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
@rhooManu, on peut très bien mettre un lien à l'intérieur d'une balise p qui est fait pour du texte, quelle que soit sa longueur.
margin: 0; supprimera les marges à gauche et à droite, mais pas en bas. La marge en bas est dûe à autre chose. C'est dû au fait qu'il n y a pas suffisamment de contenu dans ta page pour coller le footer au page de la page. Voici comment tu peux faire pour régler le problème.
@me_moi je n'ai jamasi dit qu'on ne pouvait pas mettre un lien à l'intérieur d'une balise <p>. Mais <p> ne s'emploie pas chaque fois qu'on veut mettre une ligne de texte. C'est comme faire une liste avec un seul élément : ce n'est pas une liste, et ce n'est pas pertinent. La balise paragraphe sert à scinder un bloc de texte en paragraphes. S'il n'y a pas de paragraphes, le besoin de la balise <p> est nul.
Quant à son problème de décalage en bas, c'est bien une question de fusion des marges, en l'occurrence celle du h1. Si c'était une question de manque de contenu, il n'y aurait pas de scrollbar affichée.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Merci à vous deux, ça marche très bien ! (margin: 0 pour p, h1 et body)
En faite j'ai mis le lien dans une balise paragraphe <p> parce que il est de type "inline" et j'ai besoin qu'il soit de type "block" pour pouvoir le déplacer (en l'occurence le mettre au centre avec 'text-align: center')
La deuxième avec h1 je me suis juste trompé lol, mais ça devait être <h1>Contenu</h1>, par contre je ne savais pas que c'était mal vu de faire ça, j'ai juste voulu le texte un peu plus grand sans passer par le css avec font-size (les vrais flemmard :D)
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Problème d'espace avec footer
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !