Ce site utilise des cookies pour améliorer uniquement votre expérience utilisateur.
Vous pouvez lire à tout moment comment nous utilisons les cookies sur le site.
Fonction "include"
Résolu
Bonjour, tout d'abord je suis content être parmi vous et j’espère apprendre beaucoup de choses à vos coter !
Débutant en PHP j'ai voulu inclure mon code avec la fonction include, tout se passe bien mais une fois arriver au footer, j'ai un décalage sur ma page. J'ai beau modifier le css rien ne fait mon footer remonte d'environ 15cm et ne reste plus fixer en bas comme avant..
<?php include ("footer.php"); ?>
Avez vous des propositions pour résoudre mon problème ?
En vous remerciant d'avance :)
Bonjour @DimitriAFC,
Si je comprend bien, ton problèmes viens de la section footer (bas).🧐
Je pense que le problème viens de la page PHP et non de la page CSS.
Essaye d'insérer :
/* copyright.php */
<footer class="page-footer font-small blue pt-4">
<div class="footer-copyright text-center py-3">© 2020 Copyright:
<a href="https://mdbootstrap.com/"> DKProject</a>
</div>
</footer>
A la fin de :
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
Juste avant les sections </body> et </html>
Il faut que tu ajoutes le /* copyright.php */ dans la section /* footer.php */
😀
@Jerem971 bon j'avais mis résolu.. Mais j'ai toujours le même soucis, index.html le footer resté bien en bas de ma page, par contre index.php avec la fonction include mon footer n'est pas tout en bas.
CSS du footer au cas ou :
.page-footer {
background-color: white;
position: relative;
bottom: 0;
width: 100%;
border-top: 1px solid red;
Re:
Si jamais ton soucis est résolu, n'oublie pas de mettre le topic en "Résolu" 😉
Sinon on continue de t'aider si c'est pas le cas 😉
@Jerem971 salut, je lis les formations php, pour le reste j'ai regarder des cours sur OCR et ailleurs. Pour Bootstrap à vrai dire j'ai effectivement regarder la vidéo sur le sitedudev mais sans plus après j'ai essayer de mettre en place moi même.
@Kam3leoN d'accord merci je vais essayer comme ça. Par contre je n'ai jamais vu le :
<?php include( dirname( __FILE__ ) . '/footer.php' ); ?>
Juste
<?php include(' footer.php' ); ?>
à quoi sert le dirname (FILE) dans ce cas ?
Bon pour commencer il te suffirai pour résoudre ton probleme de footer coller en bas de prendre l'exemple de bootstrap dispo ici :
https://getbootstrap.com/docs/4.4/examples/sticky-footer-navbar/
Sinon je te conseil de faire ton découpage différemment pour plus de lisibilité et moins de problématique par la suite enfin selon moi ;)
/* index.php */
<?php include( dirname( __FILE__ ) . '/header.php' ); ?>
<?php include( dirname( __FILE__ ) . '/menu.php' ); ?>
<?php include( dirname( __FILE__ ) . '/main.php' ); ?>
<?php include( dirname( __FILE__ ) . '/copyright.php' ); ?>
<?php include( dirname( __FILE__ ) . '/footer.php' ); ?>
/* header.php */
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="http://localhost/Boostrap/style.css" />
<title>DK Project</title>
</head>
<body>
/* menu.php */
<header>
<nav>
<a href="index.php">Accueil</a>
<a href="contact.php">Contact</a>
</nav>
</header>
/* main.php */
<main>
ma page principale
</main>
/* copyright.php */
<footer class="page-footer font-small blue pt-4">
<div class="footer-copyright text-center py-3">© 2020 Copyright:
<a href="https://mdbootstrap.com/"> DKProject</a>
</div>
</footer>
/* footer.php */
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
</body>
</html>
Hello @DimitriAFC,
Est-ce que tu as suivis un article de formations particulier sur Sitedudev ou sur un autre site ? 🤔
Bonjour voici mon code index.php
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link type="text/css" rel="stylesheet" href="http://localhost/Boostrap/style.css" />
<title>DK Project</title>
</head>
<body>
<?php include ("menu.php");
include ("header.php");
include ("footer.php"); ?>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
</body>
</html>
Et voici mon footer.php
<footer class="page-footer font-small blue pt-4">
<div class="footer-copyright text-center py-3">© 2020 Copyright:
<a href="https://mdbootstrap.com/"> DKProject</a>
</div>
</footer>
Effectivement j'utilise bootstrap @Kam3leoN :)
Salut @DimitriAFC,
Peux-tu insérer ton code que l'on puisse t'aider car cela ne dois pas venir de ton include mais plus des balises.
Ce site utilise des cookies pour améliorer uniquement votre expérience utilisateur.
Vous pouvez lire à tout moment comment nous utilisons les cookies sur le site.