Sujet Précédent Sujet Suivant

Conversion Site html en php

Fermé
lordbdp Messages postés 33 Date d'inscription dimanche 9 octobre 2005 Statut Membre Dernière intervention 10 avril 2020 - Modifié le 10 avril 2020 à 17:16
 Tonfany - 10 avril 2020 à 18:11
Bonjour,

Etant un vrai noob de la programmation, j'ai utilisé une site builder pour créer mon site en html. Ayant remarqué que toutes les pages commençaient et finissaient pareillement je me suis lancer dans la simplification via un squelette php.

J'ai créé 4 fichiers :
index.php (mon squelette)
header.php (mon haut)
content.php (mon milieu)
footer.php (mon bas)

Jusque là tout va bien, le header.php est affiché au complet, idem pour le footer.php. Mais je suis obligé de mettre le contenu central de ma page d'accueil dans content.php sinon rien ne s'affiche au milieu. De plus si je clique sur un lien qui fonctionne du menu (intégré au header.php) la page appellée ne se place pas au milieu mais en pleine page. Donc je pense qu'il y a 2 erreurs: dans header.php et dans content.php qui devrait pouvoir afficher uniquement la page appelée.

Comment faire pour que lorsque l'on clique sur un lien dans le header.php on puisse avoir la page souhaitée qui s'affiche dans content.php ?

Merci d'avance.




Configuration: Windows / Firefox 74.0


--
A voir également:

10 réponses

Réponse 1 / 10
yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471
9 avril 2020 à 17:03
bonjour, penses-tu que nous puissions deviner ce que tu as fait?
merci de partager le texte contenu dans tes 4 fichiers, en indiquant à chaque fois le nom du fichier, et en utilisant les balises de code pour chacun des fichiers: https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
0
lordbdp Messages postés 33 Date d'inscription dimanche 9 octobre 2005 Statut Membre Dernière intervention 10 avril 2020 8
9 avril 2020 à 18:45
Quand j'envoie mes pages header.php et autres, mes réponses ne sont pas affichées ensuite...
0
baladur13 Messages postés 46379 Date d'inscription mercredi 11 avril 2007 Statut Modérateur Dernière intervention 18 avril 2024 13 210 > lordbdp Messages postés 33 Date d'inscription dimanche 9 octobre 2005 Statut Membre Dernière intervention 10 avril 2020
9 avril 2020 à 18:55
Bonjour
Je viens de restaurer le message 2 qui était resté bloqué par les automatismes de CCM.
J'ai rajouté aussi les balises de codes...PHP
Bonne fin de journée.
0
yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471 > lordbdp Messages postés 33 Date d'inscription dimanche 9 octobre 2005 Statut Membre Dernière intervention 10 avril 2020
Modifié le 14 avril 2020 à 08:31
tu écris: "Quand j'envoie mes pages header.php et autres, mes réponses ne sont pas affichées ensuite..."
qui envoie quelles pages à qui?
les réponses de qui ne sont-elles pas affichées où?
peux-tu être plus précis et plus factuel?

moi j'observe que la page www.xxxxxxx.fr/test/planning.html n'existe pas.
0
Réponse 2 / 10
lordbdp Messages postés 33 Date d'inscription dimanche 9 octobre 2005 Statut Membre Dernière intervention 10 avril 2020 8
Modifié le 14 avril 2020 à 08:51
Détail de chaque fichier :

index.php 
<?php
include('header.php');
?>
<?php
include('content.php');
?>
<?php
include('footer.php');
?>


header.php 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type"
    content="text/html; charset=UTF-8" />
  <title>MONSITE. Pour une conduite adaptée à chacun(e).</title>
  <meta name="description"
    content="Centrale de mise à disposition d'enseignants de la conduite agréés auprès des particuliers, élèves, candidats libres, auto-écoles, centres de formation en entreprise." />
  <meta name="keywords"
    content="cours de conduite, perfectionnement à la conduite, gestion du stress au volant, éco-conduite,
    stage de conduite en immersion, formation à la conduite automobile, amaxophobie, candidature libre,
    reprise de la conduite, remc, remplacement de moniteur en auto-école, gestion du risque routier en entreprise,
 enseignants à la conduite automobile agréés, moniteurs indépendants, apporteurs d'affaires" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
    <title>Enseigants, rejoignez-nous ! – Pour une conduite responsable adaptée
      à chacun(e)s</title>
    <link rel="alternate" type="application/rss+xml" title="Pour une conduite responsable adaptée à chacun(e)s » Flux"
      href="feed/">
    <link rel="alternate" type="application/rss+xml" title="Pour une conduite responsable adaptée à chacun(e)s » Flux des commentaires"
      href="comments/feed/">
    <script>
 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

 ga('create', 'UA-48334272-1', 'auto');
 ga('send', 'pageview');
</script>
<link rel='stylesheet' id='this-style-css'  href='css/style.css' type='text/css' media='all' />
<link rel='stylesheet' id='sitemush-fonts-css'  href='https://fonts.googleapis.com/css?family=Merriweather%3A400%2C700%2C900%2C400italic%2C700italic%2C900italic%7CMontserrat%3A400%2C700%7CInconsolata%3A400&subset=latin%2Clatin-ext' type='text/css' media='all' />
<link rel='stylesheet' id='genericons-css'  href='css/genericons.css' type='text/css' media='all' />
<link rel='stylesheet' id='sitemush-style-css'  href='css/1-style.css' type='text/css' media='all' />
<!--[if lt IE 10]>
<link rel='stylesheet' id='sitemush-ie-css'  href='css/ie.css' type='text/css' media='all' />
<![endif]-->
<!--[if lt IE 9]>
<link rel='stylesheet' id='sitemush-ie8-css'  href='css/ie8.css' type='text/css' media='all' />
<![endif]-->
<!--[if lt IE 8]>
<link rel='stylesheet' id='sitemush-ie7-css'  href='css/ie7.css' type='text/css' media='all' />
<![endif]-->
<link rel='stylesheet' id='mpce-venobox-css-css'  href='css/venobox.css' type='text/css' media='all' />
<link rel='stylesheet' id='mpce-theme-css'  href='css/theme.css' type='text/css' media='all' />
<style id='mpce-theme-inline-css' type='text/css'>
.sm-row-fixed-width{max-width:1170px;}
</style>
<link rel='stylesheet' id='mpce-bootstrap-grid-css'  href='css/bootstrap-grid.min.css' type='text/css' media='all' />
<link rel='stylesheet' id='mpce-font-awesome-css'  href='css/font-awesome.min.css' type='text/css' media='all' />
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery-migrate.min.js'></script>
<script type='text/javascript' src='js/main.js'></script>
<script type='text/javascript' src='js/counter.js'></script>
<!--[if lt IE 9]>
<script type='text/javascript' src='js/html5.js'></script>
<![endif]-->
<script type='text/javascript' src='js/venobox.min.js'></script>
<link rel='https://api.w.org/' href='szp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="site-inc/wlwmanifest.xml" /> 
<meta name="generator" content="Hebergement Web" />
<link rel="canonical" href="contact/" />
<link rel='shortlink' href='?p=9' />
<link rel="alternate" type="application/json+oembed" href="szp-json/oembed/1.0/embed?url=https%3A%2F%2Fsitebuilder.ca.planethoster.net%2Fcontact%2F" />
<link rel="alternate" type="text/xml+oembed" href="szp-json/oembed/1.0/embed?url=https%3A%2F%2Fsitebuilder.ca.planethoster.net%2Fcontact%2F&format=xml" />
  <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
  </head>

<body class="page page-id-9 page-template-default">
<div id="page" class="site container-fluid">
 <div class="site-inner">
   
  
  <header id="masthead" class="site-header" role="banner"><div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right logo_row">
<div class="sm-span3 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right header_contact">
<div class="smue-service-box-obj smue-service-box-centered smue-margin-top-10 smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 26px;"><i class="fa fa-phone"  style=" color: rgb(229, 128, 34);"></i></div>
</div>
<div class="smue-service-box-heading-section">
<h6 style=" color: rgb(255, 255, 255);">N° de téléphone supprimé <gras>Modération CCM</gras></h6>
</div>
<div class="smue-service-box-content-section">
</div>
</div>
</div>
<div class="sm-span6 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right logo">
<div class="smue-szp_site_title smue-ce-child-detector smue-text-align-center"><div class="site-title-container"  style=" display: inline-grid" ><center><a href="index.php" ><img src="images/logo_ec.png" style=" width: 238px; height: 46px;" align="left"></a></center><a href="index.php"  style=" font-family: ; text-align: left;">Pour une conduite responsable adaptée à chacun(e)s</a></div></div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="smue-button-group-obj smue-text-align-center smue-button-group-horizontal smue-button-group-indent-5">
<div class="smue-button-inner-obj smue-text-align-left"><a href="connexion.php" target="_self" class="smue-btn smue-btn-size-middle smue-btn-icon-indent-small smue-btn-rounded smue-btn-color-olive-garden"><i class="fa fa-power-off smue-btn-icon-align-left"></i>Connexion</a></div>
<div class="smue-button-inner-obj smue-text-align-left"><a href="inscription_eleve.php" target="_self" class="smue-btn smue-btn-size-middle smue-btn-icon-indent-small smue-btn-rounded smue-btn-color-violet"><i class="fa fa-user smue-btn-icon-align-left"></i>Inscription Élève</a></div>
<div class="smue-button-inner-obj smue-text-align-left"><a href="inscription_enseignant.php" target="_self" class="smue-btn smue-btn-size-middle smue-btn-icon-indent-small smue-btn-rounded smue-btn-color-warm"><i class="fa fa-user smue-btn-icon-align-left"></i>Inscription Enseignant</a></div>
<div class="smue-button-inner-obj smue-text-align-left"><a href="inscription_enseignant.php" target="_self" class="smue-btn smue-btn-size-middle smue-btn-icon-indent-small smue-btn-rounded smue-btn-color-warm"><i class="fa fa-user smue-btn-icon-align-left"></i>Inscription Auto-école</a></div>
<div class="smue-button-inner-obj smue-text-align-left"><a href="inscription_apporteur.php" target="_self" class="smue-btn smue-btn-size-middle smue-btn-icon-indent-small smue-btn-rounded smue-btn-color-black"><i class="fa fa-user smue-btn-icon-align-left"></i>Inscription Apporteur d'Affaires</a></div>
</div>
</div>
</div>
</div>
<div class="sm-span1 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right  smue-empty sm-hidden-phone">
</div>
<div class="sm-span2 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right header_contact">
<div class="smue-service-box-obj smue-service-box-centered smue-margin-top-10 smue-service-box-basic">
<div> <iframe name="date du jour" id="date-du-jour" style="width:105px;height:75px;" src="/date-jour.html" scrolling="no" frameborder="0" allowtransparency="true"></iframe></div>
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 26px;"><i class="fa fa-calendar"  style=" color: rgb(229, 128, 34);"></i></div>
</div>
<div class="smue-service-box-heading-section">
<h6 style=" color: rgb(255, 255, 255);">5 H – 23 H </h6>
</div>
<div class="smue-service-box-content-section">
</div>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right menu_row">
<div class="sm-span12 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right">
<center><div class="smue-szp_primary_nav smue-ce-child-detector "><i class="fa fa-bars responsive_bar" id="menu-toggle" aria-expanded="false"> </i>  <button class="menu-toggle" id="menu-toggle" aria-expanded="false" aria-controls="site-navigation social-navigation">Menu</button>
 <div id="site-header-menu" class="site-header-menu">
  <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Primary Menu"><div class="menu-header-menu-container"><ul id="menu-header-menu" class="primary-menu"><li id="menu-item-471" class="home menu-item menu-item-type-post_type menu-item-object-page menu-item-471" style="  " ><a href="index.php" style="  font-family:; " >Accueil</a></li>
<li id="menu-item-472" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-472" style="  " ><a href="a_propos.php" style="  font-family:; " >A propos</a>
<ul class="sub-menu">
 <li id="menu-item-474" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-474" style="  " ><a href="cg.php" style="  font-family:; " >Conditions Générales</a></li>
 <li id="menu-item-477" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-9 current_page_item menu-item-477" style="  " ><a href="contact.php" style="  font-family:; " >Contact</a></li>
</ul>
</li>
<li id="menu-item-473" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-473" style="  " ><a href="candidature_libre.php" style="  font-family:; " >Candidature libre</a></li>
<li id="menu-item-481" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-481" style="  " ><a href="prestations.php" style="  font-family:; " >Prestations</a>
</li>
<li id="menu-item-478" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-478" style="  " ><a href="partenaires.php" style="  font-family:; " >Enseigants, rejoignez-nous !</a></li>
</ul></div></nav><!-- .main-navigation -->
 </div><!-- .site-header-menu --></div></center><script type="text/javascript">
  
  jQuery(document).ready(function(){
   
   var maxwidth = 0;
   var menu_len = jQuery("div.smue-szp_primary_nav").length; // number of menus added
   
   jQuery( "ul.primary-menu > li" ).each(function() {
    maxwidth += jQuery(this).width(); // Find total width
   });
   
   if(menu_len){
    maxwidth /= menu_len; // Divide the total width with number of menus
   }
   
   jQuery( ".smue-szp_primary_nav" ).css( "maxWidth", maxwidth + "px" ); // Assign the maxWidth
  });  
  </script>
</div>
</div>

  </header><!-- .site-header -->


content.php 
<div id="content" class="site-content">

<div id="primary" class="content-area">
 <main id="main" class="site-main" role="main">
  
<article id="post-6" class="post-6 page type-page status-publish hentry">

 <div class="entry-content">
  <div id="smue-row-slider-51" class="sm-row-fluid smue-row smue-row-slider sme-dsbl-margin-left sme-dsbl-margin-right banner">
<div class="sm-span12 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right banner_col">
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="smue-text-obj">
<h1 style="text-align: center;">xxxxxxx</h1>
<p style="text-align: center;"><span style="font-size: 24px; color: #ffff00;"><strong><em>Les meilleurs enseignants agréés indépendants à votre service si vous souhaitez :</em></strong></span></p>
<p style="text-align: center;"><span style="font-size: 8px; color: #ffff00;">.</span></p>
<p style="text-align: center;"><span style="font-size: 24px; color: #ffff00;"><strong><em>Obtenir votre Permis de conduire en Candidat Libre</em></strong></span></p>
<p style="text-align: center;"><span style="font-size: 24px; color: #ffff00;"><strong><em>ou bien</em></strong></span></p>
<p style="text-align: center;"><span style="font-size: 24px; color: #ffff00;"><strong><em>Vous remettre à la conduite en toute sérénité</em></strong></span></p>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span2 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="smue-embed-obj"><iframe frameborder="0" src='//cdn-uploads.starofservice.com/uploads/widgets/d41df3bb4c8236718cc22481e750f9a2/pro-badge-small.html'></iframe></div>
</div>
<div class="sm-span6 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="smue-embed-obj fill-space">
<div id="BaS_badge" class="BaS_vertical">
<div id="BaS_image">  <a href="http://www.bourseauxservices.com/recherche/services-domicile/Noiseau/123_xxxxxxx_0_0_0_professionnel_1_32454.htm" target="_blank" rel="nofollow"><img src="https://addons.bourseauxservices.com/macaron/image.png?site_id=8571&bc_id=32454" alt="Avis Bourseauxservices xxxxxxx - xxxxxxxx à yyyyyy"></a> </div>
</div>
<p><script type="text/javascript" src="https://addons.bourseauxservices.com/macaron/script.js?site_id=8571&bc_id=32454"></script></div>
</div>
<div class="sm-span4 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right">
<div id="DivClignotante" style="visibility:visible;"> 
<div class="smue-button-obj smue-text-align-center"><a href="planning.html" target="_self" class="smue-btn smue-btn-rounded smue-btn-size-large"><i class="fa fa-check smue-btn-icon-align-left"></i> Réservez vos séances</a></div>
</div>
      <script type="text/javascript">
       var clignotement = function(){
        if (document.getElementById('DivClignotante').style.visibility=='visible'){
        document.getElementById('DivClignotante').style.visibility='hidden';
       }
       else{
       document.getElementById('DivClignotante').style.visibility='visible';
       }
       };

       // mise en place de l appel de la fonction toutes les 0.8 secondes
       // Pour arrêter le clignotement : clearInterval(periode);
       periode = setInterval(clignotement, 800);
      </script>
</div>
</div>
</div>
<p><img src="images/2017-08-31-06-03-11.jpg" style="display:none;" /><img src="images/2017-08-30-07-00-48.jpg" style="display:none;" /><img src="images/2017-08-23-10-49-55.jpg" style="display:none;" /><img src="images/2017-08-02-07-38-44.jpg" style="display:none;" /><img src="images/2017-05-03-12-03-58.jpg" style="display:none;" /><img src="images/2017-04-27-21-50-22.jpg" style="display:none;" /><img src="images/road-1030798_960_720.jpg" style="display:none;" />
<p class="smue-hide-script">
      <script type="text/javascript">
       jQuery(document).ready(function($) {
        $("#smue-row-slider-51").backstretch([
        "images/2017-08-31-06-03-11.jpg","images/2017-08-30-07-00-48.jpg","images/2017-08-23-10-49-55.jpg","images/2017-08-02-07-38-44.jpg","images/2017-05-03-12-03-58.jpg","images/2017-04-27-21-50-22.jpg","images/road-1030798_960_720.jpg",
        ],  {duration: 5000, fade: 600});
       }); 
      </script>
     </p>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right welcome_row padding_row">
<div class="sm-span6 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right welcome_chef">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder smue-service-box-icon-holder-circle"  style=" font-size: 100px; background-color: #000000; min-height: 1.000000em; height: 1.000000em; min-width: 1.000000em; width: 1.000000em;"><img src="images/Nom supprimé <gras>Modération CCM </gras>.png" /></div>
</div>
<div class="smue-service-box-heading-section">
<h4 style=" color: ;">MOI</h4>
</div>
<div class="smue-service-box-content-section">
<p>Fondateur et Enseignant à la Conduite automobile</p>
</div>
</div>
</div>
<div class="sm-span6 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right welcome_content">
<div class="smue-text-obj">
<h2 style="text-align: center;">Bienvenue parmi nous !</h2>
<p> </p>
<h5 style="text-align: center;">NOUS VOUS PROPOSONS UNE SOLUTION ADAPTÉE A VOS BESOINS ET A VOS ATTENTES</h5>
<p> </p>
<p>Chaque personne n’appréhende pas la conduite de la même façon et c’est à nous d’adapter nos cours en fonctions de votre personnalité. D’où l’importance d’un bon relationnel entre l’enseignant et vous.</p>
<p> </p>
<p>Profitez de vos pauses, temps-libres, repos, congés, ou RTT pour vous préparer à la conduite !</p>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right booking_content">
<div class="smue-text-obj">
<h2 style="text-align: center;">Objectifs finaux</h2>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="smue-text-obj">
<h2></h2>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right padding_row facility_row">
<div class="sm-span2 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right facility_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-icon-effect-zoom smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-big-image"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 300px;">
<div style="background-image: url('images/observation.png');"></div>
</div>
</div>
<div class="smue-service-box-data-section">
<div class="smue-service-box-heading-section">
<h4 style=" color: ;">Observer</h4>
</div>
<div class="smue-service-box-content-section">
<p>Savoir regarder autour de soi</p>
</div>
</div>
</div>
</div>
<div class="sm-span2 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right facility_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-icon-effect-zoom smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-big-image"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 300px;">
<div style="background-image: url('images/levier_de_vitesse.png');"></div>
</div>
</div>
<div class="smue-service-box-data-section">
<div class="smue-service-box-heading-section">
<h4 style=" color: ;">Maîtriser</h4>
</div>
<div class="smue-service-box-content-section">
<p>Savoir gérer la mécanique</p>
</div>
</div>
</div>
</div>
<div class="sm-span2 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right facility_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-icon-effect-zoom smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-big-image"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 300px;">
<div style="background-image: url('images/frein_pedal.jpg');"></div>
</div>
</div>
<div class="smue-service-box-data-section">
<div class="smue-service-box-heading-section">
<h4 style=" color: ;">Anticiper</h4>
</div>
<div class="smue-service-box-content-section">
<p>Savoir prévoir</p>
</div>
</div>
</div>
</div>
<div class="sm-span2 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right facility_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-icon-effect-zoom smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-big-image"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 300px;">
<div style="background-image: url('images/partager_la_route.jpg');"></div>
</div>
</div>
<div class="smue-service-box-data-section">
<div class="smue-service-box-heading-section">
<h4 style=" color: ;">Mutualiser</h4>
</div>
<div class="smue-service-box-content-section">
<p>Savoir partager la route</p>
</div>
</div>
</div>
</div>
<div class="sm-span2 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right  facility_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-icon-effect-zoom smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-big-image"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 300px;">
<div style="background-image: url('images/sécuriser.jpg');"></div>
</div>
</div>
<div class="smue-service-box-data-section">
<div class="smue-service-box-heading-section">
<h4 style=" color: ;">Sécuriser</h4>
</div>
<div class="smue-service-box-content-section">
<p>Savoir protéger</p>
</div>
</div>
</div>
</div>
</div>
 </div><!-- .entry-content -->

</article><!-- #post-## -->

 </main><!-- .site-main -->
</div><!-- .content-area -->


  </div><!-- .site-content -->


footer.php 
<footer id="colophon" class="site-footer" role="contentinfo"><div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right footer_row">
<div class="sm-span12 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="smue-text-obj">
<p style="text-align: center;">Hébergement <a href="https://www.planethoster.net/fr" target="_blank">PlanetHoster</a></p>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="smue-embed-obj sme-prvt-2-5a7d834be51df fill-space"><center><script type="text/javascript">function annee_en_cours(){var myDate = new Date();window.document.write(myDate.getFullYear());}</script><span style="font-weight:bold;">MONSITE © Copyright <script language="JavaScript" type="text/JavaScript">annee_en_cours();</script><br />Tous droits réservés</span></center></div>
</div>
</div>
</div>
</div>

  </footer><!-- .site-footer --> </div><!-- .site-inner -->
</div><!-- .site -->

<link rel='stylesheet' id='mpce-gma-style-css'  href='css/2-style.css' type='text/css' media='all' />
<link rel='stylesheet' id='mpce-cfa-style-css'  href='css/style.min.css' type='text/css' media='all' />
<script type='text/javascript' src='js/skip-link-focus-fix.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var screenReaderText = {"expand":"expand child menu","collapse":"collapse child menu"};
/* ]]> */
</script>
<script type='text/javascript' src='js/functions.js'></script>
<script type='text/javascript' src='js/szp-embed.min.js'></script>
<script type='text/javascript' src='js/jquery.stellar.min.js'></script>
<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?v=3.20&key=AIzaSyBM-e09VlAm1cWQ25w4SG6NpHVD_mRhB_k&ver=4.4.8'></script>
<script type='text/javascript' src='js/markerwithlabel_packed.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var MPCE_GMA = {"ajax_url":"https:\/\/sitebuilder.ca.planethoster.net\/site-admin\/ajax","lang":{"gl_service_failed":"Error: The Geolocation service failed.","gl_not_supported":"Error: Your browser doesn't support geolocation."},"nonces":[]};
/* ]]> */
</script>
<script type='text/javascript' src='js/script.js'></script>
<script type='text/javascript' src='js/modernizr.min.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var MPCE_CFA_Ajax = {"ajaxurl":"contact.php","security":"2423981e8b","sitekey":"6LdStMESAAAAACidibIHvwUuEp1agKnHxQnXLqo6","success":"Le message a bien \u00e9t\u00e9 envoy\u00e9.","fail":"Oups ! Il semblerait que le message n'ai pas \u00e9t\u00e9 envoy\u00e9..."};
/* ]]> */
</script>
<script type='text/javascript' src='js/engine.min.js'></script>
<script type='text/javascript' src='https://www.google.com/recaptcha/api.js?hl=fr&onload=mpce_cfa_onloadCallback&render=explicit'></script>
<style id="smue-ce-private-styles" data-posts="2" type="text/css">.sme-prvt-2-5a7d834be51df:not(.sme-dsbl-color){color:rgb(245, 255, 126) !important;}</style></body>
</html>


En html j'ai actuellement ça : http://www.xxxxxxx.fr
, et le site modifié en php me donne ça : http://www.xxxxxxx.fr/test

--
0
Réponse 3 / 10
lordbdp Messages postés 33 Date d'inscription dimanche 9 octobre 2005 Statut Membre Dernière intervention 10 avril 2020 8
9 avril 2020 à 18:43
voilà mon index.php : 
<?php
include('header.php');
?>
<?php
include('content.php');
?>
<?php
include('footer.php');
?>


Mais je vais partir sur le principe cité ici : http://https://forum.alsacreations.com/topic-1-38756-1-Header-footeretcontenu.html voir si j'arrive à l'adapter à mon site.
0
Tonfany
Modifié le 9 avril 2020 à 18:53
Salut,
le code que vous indiquez n'avance pas du tout. On s'en doutait vu vos exlpications que vous faites vos pages en utilisant plusieurs morceaux créés par PHP.
La question semble concerner un problème d'affichage et de mise en page il faudrait voir le HTML et CSS qu'il y a derrière donc comme dit précédemment:
Que vous montriez TOUT les contenus de vos fichiers. ... parce qu'on pourra pas deviner ce que vous faites sans voir.

Après vous avez une page index( accueil du site ) avec votre méthode vous ne pouvez créer qu'une seule page?
Où est le contenu spécifique de chaque page? Provient-il d'une base de données ou d'un ficher contenant les textes sur serveur.
Où prévoyez vous (le plus simple à réaliser mais pas à utiliser) d'ajouter une partie HTML à la main.

Ce n'est pas clair, le plus simple serait que vous mettiez votre code en entier plutôt que les includes qui n'apportent rien du tout et ne permettent pas de voir ni votre code PHP ni le HTML généré.
0
Réponse 4 / 10
Tonfany
Modifié le 9 avril 2020 à 19:00
Vous parlez de ceci:
" http://https://forum.alsacreations.com/topic-1-38756-1-Header-footeretcontenu.html "
qui concerne l'utilisation de la fonction include donc je ne voit pas le rapport avec votre question qui concerne un problème de mise en page donc ça se passe dans le HTML(et CSS) généré par PHP.
Si vous avez un probléme avec include (ce qui ne semble pas le cas) le plus simple es de regarder le manuel PHP:
https://www.php.net/manual/fr/function.include.php

Plutôt simple mais peut-être vous auriez intérêt à passer à require qui provoquera une erreur si le contenu des include n'est pas disponible et donc affichera une erreur (bloquante) au lieu d'une page blanche et donc fausse(ou incompléte ce qui revient au même) puisque son but est d'afficher un contenu.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 10
lordbdp Messages postés 33 Date d'inscription dimanche 9 octobre 2005 Statut Membre Dernière intervention 10 avril 2020 8
Modifié le 9 avril 2020 à 21:54
voilà mon index.php modifié : 
<?php
$id_page = isset($_GET['id_page']) ? intval($_GET['id_page']) : 0; // récupération de la variable passée dans l'URL si elle existe
$pages = array('accueil.php', 'a_propos.php', 'candidature_libre.php', 'prestations.php', 'partenaires.php', 'cg.php'); // tableau des pages à inclure (id_page 0, 1, 2, ...)
if( $id_page > count($pages)-1 ) $id_page = 0; // Si id_page n'existe pas on affiche la page d'accueil
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>Test</title>
</head>
<body>
<?php
require_once('header.php');
if (file_exists($pages[$id_page])) {
    include($pages[$id_page]);
} else {
    echo "Cette page n'existe pas.";
}
require_once('footer.php');
?>
</body>
</html>


Le premier soucis, seule la page d'accueil s'affiche correctement entre le header.php et le footer.php mais pour les autres pages (pas encore toutes modifiées), elles s'affichent sans le header.php ni le footer.php.

J'aimerais aussi qu'à chaque page appelée à s'afficher je puisse affecter un <title>...</title> à chacune afin qu'il s'affiche dans la barre du navigateur comme suit : nom_du_site - nom_de_la_page.

Merci encore.
0
yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471
Modifié le 10 avril 2020 à 11:04
peux-tu montrer le nom et le code d'une page qui ne s'affiche pas correctement?

quel est ton soucis avec l'ajout d'un titre dans chaque page?
0
Réponse 6 / 10
yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471
Modifié le 10 avril 2020 à 11:07
je pense que tu n'as pas compris à quoi servait le php, et que, dans ton cas, c'est une fausse piste.
prends un peu de temps pour expliquer ce que tu veux réaliser, sans expliquer comment tu essaies d'y arriver.
0
Réponse 7 / 10
lordbdp Messages postés 33 Date d'inscription dimanche 9 octobre 2005 Statut Membre Dernière intervention 10 avril 2020 8
10 avril 2020 à 11:13
Par exemple si tu cliques sur "A propos" pour voir la page qui ne s'affiche pas correctement (regardes sur les 2 sites pour voir la différence, sinon j'enverrais une capture d'écran).

Pour les titres des pages actuellement il m'affiche "Test" qui est le title dans l'index.php, si je retire la ligne je vais avoir le title qui est dans header.php. Je souhaiterais que pour chaque page qui doit s'afficher entre le header et le footer je puisse associer un title.
0
yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471
10 avril 2020 à 11:52
il est indispensable que tu nous montres le contenu (et le nom) des fichiers qui composent la page qui ne s'affiche pas correctement.
0
Réponse 8 / 10
lordbdp Messages postés 33 Date d'inscription dimanche 9 octobre 2005 Statut Membre Dernière intervention 10 avril 2020 8
Modifié le 14 avril 2020 à 08:55
Fichier a_propos.php : 
  <script language="javascript" type="text/javascript">
   var cur_page_data = {pageid:"1", pagename:"a_propos"};
  </script>
  <div id="content" class="site-content">

<div id="primary" class="content-area">
 <main id="main" class="site-main" role="main">
  
<article id="post-1" class="post-1 page type-page status-publish hentry">

 <div class="entry-content">
  <div class="sm-row-fluid smue-row smue-row-image sme-dsbl-margin-left sme-dsbl-margin-right short_banner" style="background-image:url("images/road-1030798_960_720.jpg");">
<div class="sm-span12 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right short_banner_col">
<div class="smue-text-obj">
<h2 style="text-align: center;">A propos</h2>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right about_row padding_row">
<div class="sm-span6 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right about_content">
<div class="smue-text-obj">
<h2>Pourquoi nous ?</h2>
<p> </p>
<h6><span style="color: #ed8524;">Nous regroupons les meilleurs enseignants du secteur.<br />
</span></h6>
<p> </p>
<p>Il existe tellement de soit-disant « enseignants » qui en réalité ne sont qu’en possession d’un véhicule double commande mais sans agrément et qui font miroiter la réussite à des personnes qui pensent être formés par un professionnel pour se retrouver au final en échec à l’examen que nous avons décidé de nous regrouper pour nous démarquer avec comme principe que nous devons dire la réalité des faits aux élèves, même quand cela n’est pas toujours agréable à entendre. C’est la seule façon de pouvoir travailler correctement et sans ambiguïtés.</p>
<p>Nous adaptons régulièrement nos méthodes d’apprentissage afin de facilité la compréhension et la mise en pratique à nos élèves.</p>
<p> </p>
<p>Notre but final : Que vous ayez réellement toutes les cartes en mains pour réussir à conduire sereinement et obtenir votre permis de conduire sans pour cela « faire sauter le compteur » d’heures d’apprentissage.</p>
<p> </p>
<p>La satisfaction de nos clients fait notre plaisir de travailler.</p>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="smue-image-obj smue-text-align-right"><img src="images/Signature.png" class="smue-image-obj-basic sme-dsbl-margin-left sme-dsbl-margin-right sme-dsbl-margin-top sme-dsbl-margin-bottom" /></div>
</div>
</div>
</div>
<div class="sm-span6 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right about_image">
<div class="smue-image-obj smue-text-align-left"><img src="https://media.giphy.com/media/f1NTdkdbG4XzW/giphy.gif" class="smue-image-obj-basic sme-dsbl-margin-left sme-dsbl-margin-right sme-dsbl-margin-top sme-dsbl-margin-bottom" /></div>
</div>
</div>
<div class="sm-row-fluid smue-row smue-row-image sme-dsbl-margin-left sme-dsbl-margin-right padding_row counter_row" style="background-image:url("images/th-280x1999-98345.jpg");">
<div class="sm-span3 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right counter_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-basic counter wow zoomIn delay_02s">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 35px;"><i class="fa fa-users"  style=" color: rgb(237, 133, 36);"></i></div>
</div>
<div class="smue-service-box-heading-section">
<h2 style=" color: ;"></h2>
</div>
<div class="smue-service-box-content-section">
<div class="counter-item funcionando">
<h3 class="counter-number" data-from="1" data-to="200" data-speed="2000">200</h3>
<p>Personnes formées</p>
</div>
</div>
</div>
</div>
<div class="sm-span3 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right counter_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-basic counter wow zoomIn delay_02s">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 35px;"><i class="fa fa-angellist"  style=" color: rgb(237, 133, 36);"></i></div>
</div>
<div class="smue-service-box-heading-section">
<h2 style=" color: ;"></h2>
</div>
<div class="smue-service-box-content-section">
<div class="counter-item funcionando">
<h3 class="counter-number" data-from="1" data-to="87" data-speed="2000">87</h3>
<p>% de réussite à l’examen</p>
</div>
</div>
</div>
</div>
<div class="sm-span3 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right counter_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-basic counter wow zoomIn delay_02s">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 35px;"><i class="fa fa-calendar"  style=" color: rgb(237, 133, 36);"></i></div>
</div>
<div class="smue-service-box-heading-section">
<h2 style=" color: ;"></h2>
</div>
<div class="smue-service-box-content-section">
<div class="counter-item funcionando">
<h3 class="counter-number" data-from="1" data-to="309" data-speed="2000">309</h3>
<p>Jours ouverts / an</p>
</div>
</div>
</div>
</div>
<div class="sm-span3 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right counter_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-basic counter wow zoomIn delay_02s">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 35px;"><i class="fa fa-car"  style=" color: rgb(237, 133, 36);"></i></div>
</div>
<div class="smue-service-box-heading-section">
<h2 style=" color: ;"></h2>
</div>
<div class="smue-service-box-content-section">
<div class="counter-item funcionando">
<h3 class="counter-number" data-from="1" data-to="3" data-speed="2000">3</h3>
<p>Enseignants à votre service</p>
</div>
</div>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right staff_heading">
<div class="sm-span12 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="smue-text-obj">
<h2 style="text-align: center;">Notre Staff</h2>
<p> </p>
<p style="text-align: center;"><span style="color: #ed8524;">Nous ne serions pas aussi performant sans notre équipe<br />
</span></p>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right padding_row staff_row">
<div class="sm-span6 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right staff_container">
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right staff_thumb">
<div class="smue-service-box-obj smue-service-box-text-heading-float smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder smue-service-box-icon-holder-circle"  style=" font-size: 70px; background-color: #000000; min-height: 1.000000em; height: 1.000000em; min-width: 1.000000em; width: 1.000000em;"><img src="images/Nom supprimé <gras>Modération CCM </gras>" /></div>
</div>
<div class="smue-service-box-text-heading-wrapper">
<div class="smue-service-box-heading-section">
<h5 style=" color: ;">Marc</h5>
</div>
<div class="smue-service-box-content-section">
<h6>Fondateur & Enseignant de la Conduite automobile.</h6>
<p>Spécialiste de la Gestion du stress.</p>
</div>
</div>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right staff_thumb">
<div class="smue-service-box-obj smue-service-box-text-heading-float smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder smue-service-box-icon-holder-circle"  style=" font-size: 70px; background-color: #000000; min-height: 1.000000em; height: 1.000000em; min-width: 1.000000em; width: 1.000000em;"><img src="images/question.png" /></div>
</div>
<div class="smue-service-box-text-heading-wrapper">
<div class="smue-service-box-heading-section">
<h5 style=" color: ;">Hubert</h5>
</div>
<div class="smue-service-box-content-section">
<h6>Enseignant de la Conduite automobile.</h6>
<p>Sans moi ils seraient perdus…</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sm-span6 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right staff_container">
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right staff_thumb">
<div class="smue-service-box-obj smue-service-box-text-heading-float smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder smue-service-box-icon-holder-circle"  style=" font-size: 70px; background-color: #000000; min-height: 1.000000em; height: 1.000000em; min-width: 1.000000em; width: 1.000000em;"><img src="images/question.png" /></div>
</div>
<div class="smue-service-box-text-heading-wrapper">
<div class="smue-service-box-heading-section">
<h5 style=" color: ;">Daniel</h5>
</div>
<div class="smue-service-box-content-section">
<h6>Enseignant de la Conduite automobile, moto, et bateau. Apporteur d’Affaires.</h6>
<p>Repoussons les frontières de l’impossible car l’impossible n’existe pas.</p>
</div>
</div>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right staff_thumb">
<div class="smue-service-box-obj smue-service-box-text-heading-float smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder smue-service-box-icon-holder-circle"  style=" font-size: 70px; background-color: #000000; min-height: 1.000000em; height: 1.000000em; min-width: 1.000000em; width: 1.000000em;"><img src="images/question.png" /></div>
</div>
<div class="smue-service-box-text-heading-wrapper">
<div class="smue-service-box-heading-section">
<h5 style=" color: ;">Ahmed</h5>
</div>
<div class="smue-service-box-content-section">
<h6>Enseignant de la Conduite automobile.</h6>
<p>….</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
 </div><!-- .entry-content -->

</article><!-- #post-## -->

 </main><!-- .site-main -->
</div><!-- .content-area -->


  </div><!-- .site-content -->


qui me donne ça :
Image supprimée à la demande de l'auteur Modération CCM
0
yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471
10 avril 2020 à 13:54
le mieux, pour nous montrer ce que cela donne, c'est de montrer la source html obtenue dans ton navigateur.

je ne vois pas d'anomalie, à première vue. quel est le soucis avec cette page?

je pense que tu n'as pas compris à quoi servait le php, et que, dans ton cas, c'est une fausse piste.
prends un peu de temps pour expliquer ce que tu veux réaliser, sans expliquer comment tu essaies d'y arriver.
0
Réponse 9 / 10
lordbdp Messages postés 33 Date d'inscription dimanche 9 octobre 2005 Statut Membre Dernière intervention 10 avril 2020 8
Modifié le 14 avril 2020 à 08:46
Ça devrait être comme ça au final : https://www.xxxxxxx.fr/a_propos.html

Le code source web est identique au .php, il manque les parties header.php et footer.php. 

  <script language="javascript" type="text/javascript">
   var cur_page_data = {pageid:"1", pagename:"a_propos"};
  </script>
  <div id="content" class="site-content">

<div id="primary" class="content-area">
 <main id="main" class="site-main" role="main">
  
<article id="post-1" class="post-1 page type-page status-publish hentry">

 <div class="entry-content">
  <div class="sm-row-fluid smue-row smue-row-image sme-dsbl-margin-left sme-dsbl-margin-right short_banner" style="background-image:url("images/road-1030798_960_720.jpg");">
<div class="sm-span12 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right short_banner_col">
<div class="smue-text-obj">
<h2 style="text-align: center;">A propos</h2>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right about_row padding_row">
<div class="sm-span6 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right about_content">
<div class="smue-text-obj">
<h2>Pourquoi nous ?</h2>
<p> </p>
<h6><span style="color: #ed8524;">Nous regroupons les meilleurs enseignants du secteur.<br />
</span></h6>
<p> </p>
<p>Il existe tellement de soit-disant « enseignants » qui en réalité ne sont qu’en possession d’un véhicule double commande mais sans agrément et qui font miroiter la réussite à des personnes qui pensent être formés par un professionnel pour se retrouver au final en échec à l’examen que nous avons décidé de nous regrouper pour nous démarquer avec comme principe que nous devons dire la réalité des faits aux élèves, même quand cela n’est pas toujours agréable à entendre. C’est la seule façon de pouvoir travailler correctement et sans ambiguïtés.</p>
<p>Nous adaptons régulièrement nos méthodes d’apprentissage afin de facilité la compréhension et la mise en pratique à nos élèves.</p>
<p> </p>
<p>Notre but final : Que vous ayez réellement toutes les cartes en mains pour réussir à conduire sereinement et obtenir votre permis de conduire sans pour cela « faire sauter le compteur » d’heures d’apprentissage.</p>
<p> </p>
<p>La satisfaction de nos clients fait notre plaisir de travailler.</p>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="smue-image-obj smue-text-align-right"><img src="images/Signature.png" class="smue-image-obj-basic sme-dsbl-margin-left sme-dsbl-margin-right sme-dsbl-margin-top sme-dsbl-margin-bottom" /></div>
</div>
</div>
</div>
<div class="sm-span6 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right about_image">
<div class="smue-image-obj smue-text-align-left"><img src="https://media.giphy.com/media/f1NTdkdbG4XzW/giphy.gif" class="smue-image-obj-basic sme-dsbl-margin-left sme-dsbl-margin-right sme-dsbl-margin-top sme-dsbl-margin-bottom" /></div>
</div>
</div>
<div class="sm-row-fluid smue-row smue-row-image sme-dsbl-margin-left sme-dsbl-margin-right padding_row counter_row" style="background-image:url("images/th-280x1999-98345.jpg");">
<div class="sm-span3 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right counter_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-basic counter wow zoomIn delay_02s">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 35px;"><i class="fa fa-users"  style=" color: rgb(237, 133, 36);"></i></div>
</div>
<div class="smue-service-box-heading-section">
<h2 style=" color: ;"></h2>
</div>
<div class="smue-service-box-content-section">
<div class="counter-item funcionando">
<h3 class="counter-number" data-from="1" data-to="200" data-speed="2000">200</h3>
<p>Personnes formées</p>
</div>
</div>
</div>
</div>
<div class="sm-span3 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right counter_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-basic counter wow zoomIn delay_02s">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 35px;"><i class="fa fa-angellist"  style=" color: rgb(237, 133, 36);"></i></div>
</div>
<div class="smue-service-box-heading-section">
<h2 style=" color: ;"></h2>
</div>
<div class="smue-service-box-content-section">
<div class="counter-item funcionando">
<h3 class="counter-number" data-from="1" data-to="87" data-speed="2000">87</h3>
<p>% de réussite à l’examen</p>
</div>
</div>
</div>
</div>
<div class="sm-span3 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right counter_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-basic counter wow zoomIn delay_02s">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 35px;"><i class="fa fa-calendar"  style=" color: rgb(237, 133, 36);"></i></div>
</div>
<div class="smue-service-box-heading-section">
<h2 style=" color: ;"></h2>
</div>
<div class="smue-service-box-content-section">
<div class="counter-item funcionando">
<h3 class="counter-number" data-from="1" data-to="309" data-speed="2000">309</h3>
<p>Jours ouverts / an</p>
</div>
</div>
</div>
</div>
<div class="sm-span3 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right counter_thumb">
<div class="smue-service-box-obj smue-service-box-centered smue-service-box-basic counter wow zoomIn delay_02s">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder"  style=" font-size: 35px;"><i class="fa fa-car"  style=" color: rgb(237, 133, 36);"></i></div>
</div>
<div class="smue-service-box-heading-section">
<h2 style=" color: ;"></h2>
</div>
<div class="smue-service-box-content-section">
<div class="counter-item funcionando">
<h3 class="counter-number" data-from="1" data-to="3" data-speed="2000">3</h3>
<p>Enseignants à votre service</p>
</div>
</div>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right staff_heading">
<div class="sm-span12 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="smue-text-obj">
<h2 style="text-align: center;">Notre Staff</h2>
<p> </p>
<p style="text-align: center;"><span style="color: #ed8524;">Nous ne serions pas aussi performant sans notre équipe<br />
</span></p>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right padding_row staff_row">
<div class="sm-span6 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right staff_container">
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right staff_thumb">
<div class="smue-service-box-obj smue-service-box-text-heading-float smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder smue-service-box-icon-holder-circle"  style=" font-size: 70px; background-color: #000000; min-height: 1.000000em; height: 1.000000em; min-width: 1.000000em; width: 1.000000em;"><img src="images/Nom supprimé Modération CCM .png" /></div>
</div>
<div class="smue-service-box-text-heading-wrapper">
<div class="smue-service-box-heading-section">
<h5 style=" color: ;">xxxxx</h5>
</div>
<div class="smue-service-box-content-section">
<h6>Fondateur & Enseignant de la Conduite automobile.</h6>
<p>Spécialiste de la Gestion du stress.</p>
</div>
</div>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right staff_thumb">
<div class="smue-service-box-obj smue-service-box-text-heading-float smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder smue-service-box-icon-holder-circle"  style=" font-size: 70px; background-color: #000000; min-height: 1.000000em; height: 1.000000em; min-width: 1.000000em; width: 1.000000em;"><img src="images/question.png" /></div>
</div>
<div class="smue-service-box-text-heading-wrapper">
<div class="smue-service-box-heading-section">
<h5 style=" color: ;">Hubert</h5>
</div>
<div class="smue-service-box-content-section">
<h6>Enseignant de la Conduite automobile.</h6>
<p>Sans moi ils seraient perdus…</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sm-span6 smue-clmn  sme-dsbl-margin-left sme-dsbl-margin-right staff_container">
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right staff_thumb">
<div class="smue-service-box-obj smue-service-box-text-heading-float smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder smue-service-box-icon-holder-circle"  style=" font-size: 70px; background-color: #000000; min-height: 1.000000em; height: 1.000000em; min-width: 1.000000em; width: 1.000000em;"><img src="images/question.png" /></div>
</div>
<div class="smue-service-box-text-heading-wrapper">
<div class="smue-service-box-heading-section">
<h5 style=" color: ;">Daniel</h5>
</div>
<div class="smue-service-box-content-section">
<h6>Enseignant de la Conduite automobile, moto, et bateau. Apporteur d’Affaires.</h6>
<p>Repoussons les frontières de l’impossible car l’impossible n’existe pas.</p>
</div>
</div>
</div>
</div>
</div>
<div class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right">
<div class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right staff_thumb">
<div class="smue-service-box-obj smue-service-box-text-heading-float smue-service-box-basic">
<div class="smue-service-box-icon-section smue-service-box-small-icon"  style=" padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;">
<div class="smue-service-box-icon-holder smue-service-box-icon-holder-circle"  style=" font-size: 70px; background-color: #000000; min-height: 1.000000em; height: 1.000000em; min-width: 1.000000em; width: 1.000000em;"><img src="images/question.png" /></div>
</div>
<div class="smue-service-box-text-heading-wrapper">
<div class="smue-service-box-heading-section">
<h5 style=" color: ;">Ahmed</h5>
</div>
<div class="smue-service-box-content-section">
<h6>Enseignant de la Conduite automobile.</h6>
<p>….</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
 </div><!-- .entry-content -->

</article><!-- #post-## -->

 </main><!-- .site-main -->
</div><!-- .content-area -->


  </div><!-- .site-content -->
0
yg_be Messages postés 22696 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 17 avril 2024 1 471
10 avril 2020 à 15:28
et pourquoi les parties header.php et footer.php seraient-elles présentes?
je ne les vois pas dans a_propos.php.

je pense que tu n'as pas compris à quoi servait le php, et que, dans ton cas, c'est une fausse piste.
prends un peu de temps pour expliquer ce que tu veux réaliser, sans expliquer comment tu essaies d'y arriver.
0
Réponse 10 / 10
Tonfany
Modifié le 10 avril 2020 à 18:14
Ni la structure d'une page HTML:
parce quand je voit que vous utilisez include ou require pour mettre header.php qui commence comme ceci: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xml:lang="fr" lang="fr">
<head>


Celà veut dire que vous mettez une page HTML dans une autre :s
Cela ne marche pas comme ça.
La structure qui doit être respectée(ou pas, HTML5 est plus souple mais pas à ce point) est d'avoir UNE page HTML qui commence par son DOCTYPE, des zones délimitées par des balises HTML pour la page, HEAD et BODY pour les informations de configuration de la page et la page en elle même respectivement.

Il ne suffit pas de mettre plusieurs ensembles bouts à bouts, il faut respecter la cohérence(syntaxe) nécessaire propre au XML, SGML et HTML.
Quand à PHP je ne voit pas en quoi vous l'utilisez puisque vous écrivez quasiment uniquement du HTML...

Vous pouvez voir ici comment utiliser et intégrer du PHP dans une page web(HTML) et même comment inclure un fichier php pour automatiser l'affichage(en réutilisant donc la partie programme permise par PHP et qui utilise echo: "affiche moi ici le HTML que je veut rendre générique"):

https://www.notre-planete.info/PHP/cours_2.php
0

Discussions similaires

&nbsp ; Quelle Fonction ?
-Jeff- -
sl4ck -

14 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
Image cliquable dans html
pau -
efS -

5 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses