Je débute dans le codage, et je n'arrive pas à positionner le footer en bas de ma page. Est-ce que l'un de vous pourrait m'aider ? En fait, quand je visualise, la photo présentation est située juste au-dessus du footer donc le texte placé sous la photo se situe sous le footer.
</div> <br><br> <div class="premierTrait"></div> <br><br> <h1>Présentation de la série</h1> <img src="images/presentation.jpg" alt="" class="imagecentree"> <div id="presentation"> <p>En l’an 2166, le cruel tyran Vandal Savage a conquis le monde entier. Voulant sauver sa famille que le puissant dictateur a assassinée, le Maître du Temps Rip Hunter se rend en 2016 pour recruter une équipe de héros et de méchants dans le but de modifier la trame temporelle et d’arrêter Savage avant qu’il ne domine le monde. La particularité de ses recrues : elles n’ont aucune importance pour la trame temporelle, et donc s’il leur arrive quelque chose, cela n’affectera pas l’Histoire. Malgré les dangers, le groupe accepte de le suivre dans l’espoir de devenir des Légendes. </p> <p>Après ce pitch de départ, la série évolue bien évidemment puisqu’une fois Vandal Savage vaincu en fin de saison 1, les Légendes se retrouvent à affronter une légion de méchants prête à s’emparer de la Lance du Destin qui est capable de réécrire la réalité en saison 2, puis elles font face à des démons durant les saisons 3 et 4, avant de devoir combattre les Moires grecques en saison 5 et des extraterrestres en saison 6. </p> </div> </div> <div class="col-lg-4" id="rightPart"> <h2>Vous voulez en savoir plus sur la série ? Accédez au dernier dossier ajouté sur le site.</h2> <a href="dossiers/objets.html"><div class="tips" style="background: url(images/objet7.png)no-repeat 50% 50%;"> <h1>Les objets et outils</h1></a></div> <br><br> <h2>Testez vos connaissances sur la saison 5 à travers un quiz.</h2> <a href="dossiers/quiz1.html"><div class="tips" style="background: url(images/quiz2.png)no-repeat 50% 50%;"> <h1>Quiz saison 5</h1></a></div> </div> </div> </div> </div> </main>
Salut,
comme vous utilisez bootstrap il serait plus logique de tout faire avec bootstrap.
Ajouter des propriétés CSS manuellement peut avoir un impact sur les propriétés CSS indiquées par bootstrap.
Ou alors vous faites tout ça sans bootstrap ce qui me semble plus intéressant si vous voulez apprendre CSS.
Moi je voit précédant l'élément footer l'élément main(et non une image ou un texte).
Donc vous avez une page avec 2 éléments principaux(qui englobent tout les autres) main et footer.
Commencez par réfléchir là dessus et éventuellement revoir la structure (HTML) ou les propriétés CSS de ceux ci si cela ne convient pas.
