Mettre une image en php [Résolu]

Signaler
-
Messages postés
13
Date d'inscription
mardi 23 juin 2020
Statut
Membre
Dernière intervention
30 juin 2020
-
Bonjour,

J'ai dû mettre la première page de mon site en php mais du coup mon logo dans la barre de mon menu ne s'affiche plus. Je voudrais donc essayer de mettre mon image en php et non en html pour voir si mon logo pourrait se remettre.

(nom de l'image : sans-titre-3.png)

Si quelqu'un pourrait m'aider ou aurait une autre solution se serait très sympathique merci :)

5 réponses

Messages postés
11520
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
11 juillet 2020
659
bonjour, peux-tu nous montrer ton ancien code html et ton nouveau code php?
merci d'utiliser les balises de code: https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Messages postés
13
Date d'inscription
mardi 23 juin 2020
Statut
Membre
Dernière intervention
30 juin 2020

Pour l'instant j'ai juste ça, toute ma page est en html mais j'ai du mettre l'extension en php pour mon formulaire de contact et tout fonctionne sauf le logo :/ et j'aurais donc aimé juste enlever le "<img>" d'html pour le remplacer en php ou trouver une solution pour que mon logo s'affiche.

  <a class="navbar-brand" href="#">
          <img src="images/sans-titre-3.png" alt="" width="150" height="50">
        </a>
Messages postés
11520
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
11 juillet 2020
659 >
Messages postés
13
Date d'inscription
mardi 23 juin 2020
Statut
Membre
Dernière intervention
30 juin 2020

peux-tu nous montrer ton nouveau code php?
Messages postés
13
Date d'inscription
mardi 23 juin 2020
Statut
Membre
Dernière intervention
30 juin 2020
>
Messages postés
11520
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
11 juillet 2020

je n'ai pas de nouveau code php, j'ai toute ma page en html et j'ai juste mon formulaire de contact avec du php et pour que l'envoie de mail fonctionne je dois garder l'extension de ma page index en php sauf que du coup mon logo ne s'affiche plus :/ donc je voudrais mettre du php pour une image ou trouver une autre solution pour que mon logo s'affiche.
Messages postés
11520
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
11 juillet 2020
659 >
Messages postés
13
Date d'inscription
mardi 23 juin 2020
Statut
Membre
Dernière intervention
30 juin 2020

peux-tu nous montrer le contenu de ton fichier ayant php comme extension?
Messages postés
28939
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 juillet 2020
2 609 >
Messages postés
11520
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
11 juillet 2020

A coup sûr.. il n'a pas fermé la balise php avant de mettre son html.....

Comme le demande Yg_be, pourrais tu nous montrer l'intégralité du code de ton fichier ?
Messages postés
13
Date d'inscription
mardi 23 juin 2020
Statut
Membre
Dernière intervention
30 juin 2020

Voici l'intégralité de mon fichier, par contre c'est un petit peu long :x

Mon logo est de la ligne 26 à 28

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8" />
   <title>aReady</title>
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
   <link rel="stylesheet" type="text/css" href="style.css">
 </head>
 <body>
    <div class="loader-wrapper">
        <span class="loader"><span class="loader-inner"></span></span>
      </div>
      <script type="text/javascript">
        $(window).on("load",function(){
          $(".loader-wrapper").fadeOut("slow");
        });
      </script>
  <!-- Navigation -->
<!-- Navigation -->
<nav class="navbar navbar-expand-lg static-top">
  <div class="container">

    <a class="navbar-brand" href="#">
          <img src="images/sans-titre-3.png" alt="" width="150" height="50">
    </a>
        
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" >
          <span class="navbar-toggler-icon"></span>
        </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item active">
          <a class="nav-link js-scrollTo" href="#accueil" style="color: #FFFFFF">Accueil
                <span class="sr-only">(current)</span>
              </a>
        </li>
        <li class="nav-item">
          <a class="nav-link js-scrollTo"href="#propos" style="color: #FFFFFF">A propos</a>
        </li>
        <li class="nav-item">
          <a class="nav-link js-scrollTo" href="#services" style="color: #FFFFFF">Services</a>
        </li>
        <li class="nav-item">
          <a class="nav-link js-scrollTo" href="#contact" style="color: #FFFFFF">Contact</a>
        </li>
      </ul>
    </div>
  </div>
</nav>
<!-- /.container -->
<section style="background-color: #000" id="gif">
<div class="container">
    <div class="row"> 
 <img src="images/5.gif" id="accueil" height="980" width="1903">
 <div class="texte_centrer" style="text-align: center;"><strong><h1 style="color: #FFFFFF">aReady</h1> </strong>
  <h2 style="color: #FFFFFF">IT Services et Solutions</h2></div>
  </div>
</div>
</div>
</section>


<section style="background-color: #000" id="quiSommesNous">
<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <h2 style="text-align: center; color:#FFFFFF";><em><strong><a id="propos"></a>Qui sommes-nous ?</strong></em></h2>
      <br>

      <p style="text-align: center; color:#FFFFFF">Issue de la volonté de donner la possibilité aux PME de profiter des dernières innovations technologiques, aReady est une entreprise jeune et dynamique. Nous pensons qu’il doit être possible pour toutes les entreprises, quelque soit leur taille, de maîtriser à 100% leur système d’information, et que celui-ci doit être le plus actuel possible. C’est pour cela que nous sommes l’une des rares entreprises en mesure de vous proposer à la fois des offres d’infogérance Cloud et sur site ! Vous pourrez ainsi profiter du meilleur des deux mondes…</p>


      <p style="text-align: center; color:#FFFFFF">De plus, notre facturation à la minute des tâches de maintenance et d’administration vous assure une tarification des prestations la plus juste. Dans le cas des offres forfaitaires, nous nous démarquons par des offres sans engagement !</p>

      <p style="text-align: center; color:#FFFFFF">Vous pouvez <a href="#contact">nous contacter</a> pour obtenir plus d’information ou pour nous exposer votre projet. Réponse garantie en moins de 24 heures !</p>

      <p style="text-align: center; color:#FFFFFF"><em>Parce que la satisfaction de nos clients est au cœur de nos préoccupations, nous nous efforçons de fournir un suivi et un travail de qualité</em></p>

      <br>

      <h2 style="text-align: center; color:#FFFFFF"><strong><em>Notre philosophie</em></strong></h2>
      <p> </p>

      <p style="text-align: center; color:#FFFFFF">Plus qu’une simple SSII, nous avons la volonté d’élargir notre gamme de compétences en proposant à la fois des solutions cloud, sur site et hybride, ainsi que l’ensemble des prestations informatiques classiques.</p>

      <p style="text-align: center; color:#FFFFFF">Notre équipe est continuellement à l’affût des nouvelles technologies, des nouvelles solutions et veille à les faire évoluer dans l’optique de répondre parfaitement aux attentes de ses clients.</p>

      <p style="text-align: center; color:#FFFFFF">Après la livraison de votre projet, nous maintenons un suivi et restons à la disposition de nos clients pour répondre à leurs questions et résoudre leurs problèmes techniques.</p>

      <p style="text-align: center; color:#FFFFFF">En choisissant nos services, vous avez la garantie d’être entre de bonnes mains et de bénéficier d’un suivi client de qualité.</p>
      <p> </p>

    </div>
  </div>
</div>
</section>

<h2 style="text-align: center;" id="services">Services</h2>
</br>
<div class="container">
  <div class="row">
    <div class="col-lg-4 col-sm-12">   

      <h4>HEBERGEMENT</h4>
  </br>
        <div class="zoom">
       <div class="image">
      <img src="images/hebergement-web.jpg">
       </div>
        </div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4 col-sm-12">
      <h4>SAUVEGARDES</h4>
  </br>
        <div class="zoom">
       <div class="image">
<img src="images/0.jpg"> 
       </div>
        </div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4 col-sm-12">
      <h4>DEVELOPPEMENT</h4>
  </br>
        <div class="zoom">
       <div class="image">
      <img src="images/1.png">
       </div>
        </div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
</div>
</div>
</br>
<div class="container">
  <div class="row">
    <div class="col-lg-4">
      <h4>SOLUTIONS SOFTWARE</h4>
  </br>
        <div class="zoom">
       <div class="image">
      <img src="images/soft.jpg">
       </div>
        </div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4">
      <h4>VENTE DE MATERIEL</h4>
  </br>
        <div class="zoom">
       <div class="image">
      <img src="images/mat.png">
       </div>
        </div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4">
      <h4>MAINTENANCE</h4>
  </br>
        <div class="zoom">
       <div class="image">
      <img src="images/mtn.jpg">
       </div>
        </div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
</div>
</div>
<!--Section: Contact v.2-->

<div class="col-lg-12" style="background-color:#000000;" id="contact">
 <div class="container">
<section class="mb-4" id="contact" method="post" action="'.$form_action.'">


    <h2 class="h1-responsive font-weight-bold text-center my-4" style="color: #FFFFFF">Nous contacter</h2>

    <p class="text-center w-responsive mx-auto mb-5" style="color: #FFFFFF">Avez-vous des questions? N'hésitez pas à nous contacter directement. Notre équipe vous répondra pour vous aider</p>

    <div class="row">
        <div class="col-md-9 mb-md-0 mb-5">

<?php

$name = !empty($_POST['name']) ? $_POST['name'] : NULL;
$email = !empty($_POST['email']) ? $_POST['email'] : NULL;
$subject = !empty($_POST['subject']) ? $_POST['subject'] : NULL;
$message= !empty($_POST['message']) ? $_POST['message'] : NULL;

$to = "anthooony57@gmail.com";


$body = 'Nom : ' . $name . "   email : " .$email . "   sujet : " .$subject . "   message : " .$message;

mail($to,$subject,$body);

?>
            <form id="contact-form" name="contact-form" method="POST">
              

                <div class="row">

                    <div class="col-md-6">
                        <div class="md-form mb-0">
                            <input type=$text id="name" name="name" class="form-control">
                            <label for=$name class="" style="color: #FFFF">Votre nom</label>
                        </div>
                    </div>



                    <div class="col-md-6">
                        <div class="md-form mb-0">
                            <input type=$text id="email" name="email" class="form-control">
                            <label for=$email class="" style="color: #FFFFFF">Email</label>
                        </div>
                    </div>

                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="md-form mb-0">
                            <input type=$text id="subject" name="subject" class="form-control">
                            <label for=$subject class="" style="color: #FFFFFF">Sujet</label>
                        </div>
                    </div>
                </div>

                <div class="row">


                    <div class="col-md-12">

                        <div class="md-form">
                            <textarea type="text" id="message" name="message" rows="2" class="form-control md-textarea"></textarea>
                            <label for= $message style="color: #FFFFFF">Votre message</label>
                        </div>

                    </div>
                </div>


            </form>

            <div class="text-center text-md-left">
                <a class="btn btn-primary" onclick="document.getElementById('contact-form').submit();" style="color: #FFFFFF">Envoyer</a> 
            </div>
            <div class="status"></div>
        </div>

        <div class="col-md-3 text-center">
            <ul class="list-unstyled mb-0">
                <li><i class="fas fa-map-marker-alt fa-2x"><h3 style="color: #FFFFFF">Où nous trouver ?</h3></i>
                    <p style="color: #FFFFFF">...</p>
                </li>

                <li><i class="fas fa-phone mt-4 fa-2x"><h3 style="color: #FFFFFF">Appelez nous</h3></i>
                    <p style="color: #FFFFFF">...</p>
                </li>
            </ul>
        </div>
       

    </div>
</div>
</section> 
<section id="googleMap">
  <div class="container">
    <div class="row">
      
<iframe align="center" src="https://www.google.com/maps/d/u/0/embed?mid=1bnQeSdNohiInaHlHVVtgKq3GONOVyuGc" width="1400" height="480"></iframe>

</div>
  </div>
</section>

</br>
<footer class="container-fluid footer">
 <div class="container">
  <div class="row">
   <article class="col-md col-lg-4 col-xs-12 col-sm-12">
    <h5> Politiques :</h5>
    <hr class="separator">
     <a href="mentions_legales.html">Mentions légales</a>
          <a href="politique_de_protection_des_donnees.html">Protection des données</a>
          <a href="gestion_des_cookies.html">Gestion des cookies</a>
   </article>
   
   <article class="col-md col-lg-4 col-xs-12 col-sm-12">
    <h5> Team Viewer :</h5>
    <hr class="separator">
     <a href="#">Se faire assister</a>
   </article>
   <article class="col-md col-lg-4 col-xs-12 col-sm-12">
    <h5> Réseaux sociaux :</h5>
    <hr class="separator">
     <a href="https://facebook.com">Facebook</a>
          <a href="https://instagram.com">Instagram</a>

   </article>
  </div>
 </div>
  <p>
   Copyright @ aReady | 2020 | All Right Reserved
  </p>
</footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
 $(document).ready(function() {
  $('.js-scrollTo').on('click', function() { // Au clic sur un élément
   var page = $(this).attr('href'); // Page cible
   var speed = 750; // Durée de l'animation (en ms)
   $('html, body').animate( { scrollTop: $(page).offset().top }, speed ); // Go
   return false;
  });
 });
</script>
</body>
</html>
Messages postés
28939
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 juillet 2020
2 609
Déjà,
voici une petite correction de ton fichier
<?php
/**
On place le maximum de php en dehors du html. de préférence au début du fichier !
Je t'invite à consulter ces conseils : https://www.commentcamarche.net/faq/48399-php-gestion-des-erreurs-debogage-et-ecriture-du-code
*/

//affichage des erreurs PHP
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);

//récupération PROPRE des variables AVANT de les utiliser
$name = !empty($_POST['name']) ? $_POST['name'] : NULL;
$email = !empty($_POST['email']) ? $_POST['email'] : NULL;
$subject = !empty($_POST['subject']) ? $_POST['subject'] : NULL;
$message= !empty($_POST['message']) ? $_POST['message'] : NULL;

//on envoi le mail que si le nom, l'email et le message sont complétés
if($name && $email && $message){
  $to = "anthooony57@gmail.com";
  $body = 'Nom : ' . $name . "   email : " .$email . "   sujet : " .$subject . "   message : " .$message;
  mail($to,$subject,$body);
}

?>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
			<title>aReady</title>
			<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
			<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
			<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
			<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
			<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
    <div class="loader-wrapper">
        <span class="loader"><span class="loader-inner"></span></span>
      </div>
      <script type="text/javascript">
        $(window).on("load",function(){
          $(".loader-wrapper").fadeOut("slow");
        });
      </script>
		<!-- Navigation -->
<!-- Navigation -->
<nav class="navbar navbar-expand-lg static-top">
  <div class="container">
    <a class="navbar-brand" href="#">
          <img src="images/sans-titre-3.png" alt="" width="150" height="50">
    </a>
       
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" >
          <span class="navbar-toggler-icon"></span>
        </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item active">
          <a class="nav-link js-scrollTo" href="#accueil" style="color: #FFFFFF">Accueil
                <span class="sr-only">(current)</span>
              </a>
        </li>
        <li class="nav-item">
          <a class="nav-link js-scrollTo"href="#propos" style="color: #FFFFFF">A propos</a>
        </li>
        <li class="nav-item">
          <a class="nav-link js-scrollTo" href="#services" style="color: #FFFFFF">Services</a>
        </li>
        <li class="nav-item">
          <a class="nav-link js-scrollTo" href="#contact" style="color: #FFFFFF">Contact</a>
        </li>
      </ul>
    </div>
  </div>
</nav>
<!-- /.container -->
<section style="background-color: #000" id="gif">
<div class="container">
    <div class="row"> 
	<img src="images/5.gif" id="accueil" height="980" width="1903">
	<div class="texte_centrer" style="text-align: center;"><strong><h1 style="color: #FFFFFF">aReady</h1> </strong>
		<h2 style="color: #FFFFFF">IT Services et Solutions</h2></div>
  </div>
</div>
</div>
</section>
<section style="background-color: #000" id="quiSommesNous">
<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <h2 style="text-align: center; color:#FFFFFF";><em><strong><a id="propos"></a>Qui sommes-nous ?</strong></em></h2>
      <br>

      <p style="text-align: center; color:#FFFFFF">Issue de la volonté de donner la possibilité aux PME de profiter des dernières innovations technologiques, aReady est une entreprise jeune et dynamique. Nous pensons qu’il doit être possible pour toutes les entreprises, quelque soit leur taille, de maîtriser à 100% leur système d’information, et que celui-ci doit être le plus actuel possible. C’est pour cela que nous sommes l’une des rares entreprises en mesure de vous proposer à la fois des offres d’infogérance Cloud et sur site ! Vous pourrez ainsi profiter du meilleur des deux mondes…</p>


      <p style="text-align: center; color:#FFFFFF">De plus, notre facturation à la minute des tâches de maintenance et d’administration vous assure une tarification des prestations la plus juste. Dans le cas des offres forfaitaires, nous nous démarquons par des offres sans engagement !</p>

      <p style="text-align: center; color:#FFFFFF">Vous pouvez <a href="#contact">nous contacter</a> pour obtenir plus d’information ou pour nous exposer votre projet. Réponse garantie en moins de 24 heures !</p>

      <p style="text-align: center; color:#FFFFFF"><em>Parce que la satisfaction de nos clients est au cœur de nos préoccupations, nous nous efforçons de fournir un suivi et un travail de qualité</em></p>

      <br>

      <h2 style="text-align: center; color:#FFFFFF"><strong><em>Notre philosophie</em></strong></h2>
      <p> </p>

      <p style="text-align: center; color:#FFFFFF">Plus qu’une simple SSII, nous avons la volonté d’élargir notre gamme de compétences en proposant à la fois des solutions cloud, sur site et hybride, ainsi que l’ensemble des prestations informatiques classiques.</p>

      <p style="text-align: center; color:#FFFFFF">Notre équipe est continuellement à l’affût des nouvelles technologies, des nouvelles solutions et veille à les faire évoluer dans l’optique de répondre parfaitement aux attentes de ses clients.</p>

      <p style="text-align: center; color:#FFFFFF">Après la livraison de votre projet, nous maintenons un suivi et restons à la disposition de nos clients pour répondre à leurs questions et résoudre leurs problèmes techniques.</p>

      <p style="text-align: center; color:#FFFFFF">En choisissant nos services, vous avez la garantie d’être entre de bonnes mains et de bénéficier d’un suivi client de qualité.</p>
      <p> </p>

    </div>
  </div>
</div>
</section>

<h2 style="text-align: center;" id="services">Services</h2>
</br>
<div class="container">
  <div class="row">
    <div class="col-lg-4 col-sm-12">   

      <h4>HEBERGEMENT</h4>
  </br>
      		<div class="zoom">
      	<div class="image">
      <img src="images/hebergement-web.jpg">
      	</div>
      		</div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4 col-sm-12">
      <h4>SAUVEGARDES</h4>
  </br>
      		<div class="zoom">
      	<div class="image">
<img src="images/0.jpg"> 
      	</div>
      		</div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4 col-sm-12">
      <h4>DEVELOPPEMENT</h4>
      </br>
      <div class="zoom">
        <div class="image">
          <img src="images/1.png">
        </div>
      </div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
   </div>
</div>
</div>
</br>
<div class="container">
  <div class="row">
    <div class="col-lg-4">
      <h4>SOLUTIONS SOFTWARE</h4>
  </br>
      		<div class="zoom">
      	<div class="image">
      <img src="images/soft.jpg">
      	</div>
      		</div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4">
      <h4>VENTE DE MATERIEL</h4>
  </br>
      		<div class="zoom">
      	<div class="image">
      <img src="images/mat.png">
      	</div>
      		</div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4">
      <h4>MAINTENANCE</h4>
  </br>
      		<div class="zoom">
      	<div class="image">
      <img src="images/mtn.jpg">
      	</div>
      		</div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
</div>
</div>
<!--Section: Contact v.2-->

<div class="col-lg-12" style="background-color:#000000;" id="contact">
	<div class="container">
<section class="mb-4" id="contact" method="post" action="'.$form_action.'">


    <h2 class="h1-responsive font-weight-bold text-center my-4" style="color: #FFFFFF">Nous contacter</h2>

    <p class="text-center w-responsive mx-auto mb-5" style="color: #FFFFFF">Avez-vous des questions? N'hésitez pas à nous contacter directement. Notre équipe vous répondra pour vous aider</p>

    <div class="row">
        <div class="col-md-9 mb-md-0 mb-5">
            <form id="contact-form" name="contact-form" method="POST">

                <div class="row">
                    <div class="col-md-6">
                        <div class="md-form mb-0">
                            <input type=$text id="name" name="name" class="form-control">
                            <label for=$name class="" style="color: #FFFF">Votre nom</label>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="md-form mb-0">
                            <input type=$text id="email" name="email" class="form-control">
                            <label for=$email class="" style="color: #FFFFFF">Email</label>
                        </div>
                    </div>

                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="md-form mb-0">
                            <input type=$text id="subject" name="subject" class="form-control">
                            <label for=$subject class="" style="color: #FFFFFF">Sujet</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                  <div class="col-md-12">
                      <div class="md-form">
                        <textarea type="text" id="message" name="message" rows="2" class="form-control md-textarea"></textarea>
                        <label for= $message style="color: #FFFFFF">Votre message</label>
                      </div>
                 </div>
              </div>


            </form>

            <div class="text-center text-md-left">
                <a class="btn btn-primary" onclick="document.getElementById('contact-form').submit();" style="color: #FFFFFF">Envoyer</a> 
            </div>
            <div class="status"></div>
        </div>

        <div class="col-md-3 text-center">
            <ul class="list-unstyled mb-0">
                <li><i class="fas fa-map-marker-alt fa-2x"><h3 style="color: #FFFFFF">Où nous trouver ?</h3></i>
                    <p style="color: #FFFFFF">...</p>
                </li>

                <li><i class="fas fa-phone mt-4 fa-2x"><h3 style="color: #FFFFFF">Appelez nous</h3></i>
                    <p style="color: #FFFFFF">...</p>
                </li>
            </ul>
        </div>
       

    </div>
</div>
</section> 
<section id="googleMap">
  <div class="container">
    <div class="row">
      
<iframe align="center" src="https://www.google.com/maps/d/u/0/embed?mid=1bnQeSdNohiInaHlHVVtgKq3GONOVyuGc" width="1400" height="480"></iframe>

</div>
  </div>
</section>

</br>
<footer class="container-fluid footer">
	<div class="container">
		<div class="row">
			<article class="col-md col-lg-4 col-xs-12 col-sm-12">
				<h5> Politiques :</h5>
				<hr class="separator">
					<a href="mentions_legales.html">Mentions légales</a>
          <a href="politique_de_protection_des_donnees.html">Protection des données</a>
          <a href="gestion_des_cookies.html">Gestion des cookies</a>
			</article>
			
			<article class="col-md col-lg-4 col-xs-12 col-sm-12">
				<h5> Team Viewer :</h5>
				<hr class="separator">
					<a href="#">Se faire assister</a>
			</article>
			<article class="col-md col-lg-4 col-xs-12 col-sm-12">
				<h5> Réseaux sociaux :</h5>
				<hr class="separator">
					<a href="https://facebook.com">Facebook</a>
          <a href="https://instagram.com">Instagram</a>

			</article>
		</div>
	</div>
		<p>
			Copyright @ aReady | 2020 | All Right Reserved
		</p>
</footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
	$(document).ready(function() {
		$('.js-scrollTo').on('click', function() { // Au clic sur un élément
			var page = $(this).attr('href'); // Page cible
			var speed = 750; // Durée de l'animation (en ms)
			$('html, body').animate( { scrollTop: $(page).offset().top }, speed ); // Go
			return false;
		});
	});
</script>
</body>
</html>

Ensuite, rien dedans n'interfère avec tes images.....
Soit tu n'as pas mis le bon chemin vers le fichier.. soit il te suffit de vider le cache de ton navigateur.


Messages postés
13
Date d'inscription
mardi 23 juin 2020
Statut
Membre
Dernière intervention
30 juin 2020

Merci pour cette correction, je ne vois pas de changement sur ma page en elle même mais c'est vrai que c'est mieux niveau code. Après pour mon image, quand l'extension était en point html, l'image était présente et c'est seulement en passant l'extension en php que l'image ne s'affiche plus :/ J'ai déjà essayé de vider le cache et j'ai essayé tellement de chose mais rien n'a fonctionné :/
Messages postés
28939
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 juillet 2020
2 609 >
Messages postés
13
Date d'inscription
mardi 23 juin 2020
Statut
Membre
Dernière intervention
30 juin 2020

Le fait d'avoir changé l'extension en .php au lieu de .html pour ton fichier ne change en rien le fonctionnement du code html....

Pourrais tu nous donner l'url de ta page
ou sinon, nous donner son code généré ( c'est à dire :
- Tu ouvres la page dans ton navigateur
- Tu fais CTRL + u
- Tu copie le code qui s'affiche ( le code source "généré donc" )
- Tu nous le colles ici.
)
Merci également de nous préciser de quelle image il s'agit ..
car tu en as plusieurs sur ta page visiblement
Line 52:         <img src="images/sans-titre-3.png" alt="" width="150" height="50">
Line 82:         <img src="images/5.gif" id="accueil" height="980" width="1903">
Line 134:       <img src="images/hebergement-web.jpg">
Line 144:      <img src="images/0.jpg"> 
Line 154:      <img src="images/1.png">
Line 169:      <img src="images/soft.jpg">
Line 179:      <img src="images/mat.png">
line 189:       <img src="images/mtn.jpg">
Messages postés
13
Date d'inscription
mardi 23 juin 2020
Statut
Membre
Dernière intervention
30 juin 2020

Il s'agit de la première image ligne 52 "images/sans-titre-3.png"

Voici le code source copié :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
			<title>aReady</title>
			<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
			<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
			<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
			<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
			<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
    <div class="loader-wrapper">
        <span class="loader"><span class="loader-inner"></span></span>
      </div>
      <script type="text/javascript">
        $(window).on("load",function(){
          $(".loader-wrapper").fadeOut("slow");
        });
      </script>
		<!-- Navigation -->
<!-- Navigation -->
<nav class="navbar navbar-expand-lg static-top">
  <div class="container">
    <a class="navbar-brand" href="#">
          <img src="images/sans-titre-3.png" alt="" width="150" height="50">
    </a>
       
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" >
          <span class="navbar-toggler-icon"></span>
        </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item active">
          <a class="nav-link js-scrollTo" href="#accueil" style="color: #FFFFFF">Accueil
                <span class="sr-only">(current)</span>
              </a>
        </li>
        <li class="nav-item">
          <a class="nav-link js-scrollTo"href="#propos" style="color: #FFFFFF">A propos</a>
        </li>
        <li class="nav-item">
          <a class="nav-link js-scrollTo" href="#services" style="color: #FFFFFF">Services</a>
        </li>
        <li class="nav-item">
          <a class="nav-link js-scrollTo" href="#contact" style="color: #FFFFFF">Contact</a>
        </li>
      </ul>
    </div>
  </div>
</nav>
<!-- /.container -->
<section style="background-color: #000" id="gif">
<div class="container">
    <div class="row"> 
	<img src="images/5.gif" id="accueil" height="980" width="1903">
	<div class="texte_centrer" style="text-align: center;"><strong><h1 style="color: #FFFFFF">aReady</h1> </strong>
		<h2 style="color: #FFFFFF">IT Services et Solutions</h2></div>
  </div>
</div>
</div>
</section>
<section style="background-color: #000" id="quiSommesNous">
<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <h2 style="text-align: center; color:#FFFFFF";><em><strong><a id="propos"></a>Qui sommes-nous ?</strong></em></h2>
      <br>

      <p style="text-align: center; color:#FFFFFF">Issue de la volonté de donner la possibilité aux PME de profiter des dernières innovations technologiques, aReady est une entreprise jeune et dynamique. Nous pensons qu’il doit être possible pour toutes les entreprises, quelque soit leur taille, de maîtriser à 100% leur système d’information, et que celui-ci doit être le plus actuel possible. C’est pour cela que nous sommes l’une des rares entreprises en mesure de vous proposer à la fois des offres d’infogérance Cloud et sur site ! Vous pourrez ainsi profiter du meilleur des deux mondes…</p>


      <p style="text-align: center; color:#FFFFFF">De plus, notre facturation à la minute des tâches de maintenance et d’administration vous assure une tarification des prestations la plus juste. Dans le cas des offres forfaitaires, nous nous démarquons par des offres sans engagement !</p>

      <p style="text-align: center; color:#FFFFFF">Vous pouvez <a href="#contact">nous contacter</a> pour obtenir plus d’information ou pour nous exposer votre projet. Réponse garantie en moins de 24 heures !</p>

      <p style="text-align: center; color:#FFFFFF"><em>Parce que la satisfaction de nos clients est au cœur de nos préoccupations, nous nous efforçons de fournir un suivi et un travail de qualité</em></p>

      <br>

      <h2 style="text-align: center; color:#FFFFFF"><strong><em>Notre philosophie</em></strong></h2>
      <p> </p>

      <p style="text-align: center; color:#FFFFFF">Plus qu’une simple SSII, nous avons la volonté d’élargir notre gamme de compétences en proposant à la fois des solutions cloud, sur site et hybride, ainsi que l’ensemble des prestations informatiques classiques.</p>

      <p style="text-align: center; color:#FFFFFF">Notre équipe est continuellement à l’affût des nouvelles technologies, des nouvelles solutions et veille à les faire évoluer dans l’optique de répondre parfaitement aux attentes de ses clients.</p>

      <p style="text-align: center; color:#FFFFFF">Après la livraison de votre projet, nous maintenons un suivi et restons à la disposition de nos clients pour répondre à leurs questions et résoudre leurs problèmes techniques.</p>

      <p style="text-align: center; color:#FFFFFF">En choisissant nos services, vous avez la garantie d’être entre de bonnes mains et de bénéficier d’un suivi client de qualité.</p>
      <p> </p>

    </div>
  </div>
</div>
</section>

<h2 style="text-align: center;" id="services">Services</h2>
</br>
<div class="container">
  <div class="row">
    <div class="col-lg-4 col-sm-12">   

      <h4>HEBERGEMENT</h4>
  </br>
      		<div class="zoom">
      	<div class="image">
      <img src="images/hebergement-web.jpg">
      	</div>
      		</div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4 col-sm-12">
      <h4>SAUVEGARDES</h4>
  </br>
      		<div class="zoom">
      	<div class="image">
<img src="images/0.jpg"> 
      	</div>
      		</div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4 col-sm-12">
      <h4>DEVELOPPEMENT</h4>
      </br>
      <div class="zoom">
        <div class="image">
          <img src="images/1.png">
        </div>
      </div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
   </div>
</div>
</div>
</br>
<div class="container">
  <div class="row">
    <div class="col-lg-4">
      <h4>SOLUTIONS SOFTWARE</h4>
  </br>
      		<div class="zoom">
      	<div class="image">
      <img src="images/soft.jpg">
      	</div>
      		</div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4">
      <h4>VENTE DE MATERIEL</h4>
  </br>
      		<div class="zoom">
      	<div class="image">
      <img src="images/mat.png">
      	</div>
      		</div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
    <div class="col-lg-4">
      <h4>MAINTENANCE</h4>
  </br>
      		<div class="zoom">
      	<div class="image">
      <img src="images/mtn.jpg">
      	</div>
      		</div>
      <p>Nous répondons à vos besoins spécifiques dans le domaine du développement avec la création d’application Web ou Windows, de site internet vitrine ou e-commerce.</p>
    </div>
</div>
</div>
<!--Section: Contact v.2-->

<div class="col-lg-12" style="background-color:#000000;" id="contact">
	<div class="container">
<section class="mb-4" id="contact" method="post" action="'.$form_action.'">


    <h2 class="h1-responsive font-weight-bold text-center my-4" style="color: #FFFFFF">Nous contacter</h2>

    <p class="text-center w-responsive mx-auto mb-5" style="color: #FFFFFF">Avez-vous des questions? N'hésitez pas à nous contacter directement. Notre équipe vous répondra pour vous aider</p>

    <div class="row">
        <div class="col-md-9 mb-md-0 mb-5">
            <form id="contact-form" name="contact-form" method="POST">

                <div class="row">
                    <div class="col-md-6">
                        <div class="md-form mb-0">
                            <input type=$text id="name" name="name" class="form-control">
                            <label for=$name class="" style="color: #FFFF">Votre nom</label>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="md-form mb-0">
                            <input type=$text id="email" name="email" class="form-control">
                            <label for=$email class="" style="color: #FFFFFF">Email</label>
                        </div>
                    </div>

                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="md-form mb-0">
                            <input type=$text id="subject" name="subject" class="form-control">
                            <label for=$subject class="" style="color: #FFFFFF">Sujet</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                  <div class="col-md-12">
                      <div class="md-form">
                        <textarea type="text" id="message" name="message" rows="2" class="form-control md-textarea"></textarea>
                        <label for= $message style="color: #FFFFFF">Votre message</label>
                      </div>
                 </div>
              </div>


            </form>

            <div class="text-center text-md-left">
                <a class="btn btn-primary" onclick="document.getElementById('contact-form').submit();" style="color: #FFFFFF">Envoyer</a> 
            </div>
            <div class="status"></div>
        </div>

        <div class="col-md-3 text-center">
            <ul class="list-unstyled mb-0">
                <li><i class="fas fa-map-marker-alt fa-2x"><h3 style="color: #FFFFFF">Où nous trouver ?</h3></i>
                    <p style="color: #FFFFFF">...</p>
                </li>

                <li><i class="fas fa-phone mt-4 fa-2x"><h3 style="color: #FFFFFF">Appelez nous</h3></i>
                    <p style="color: #FFFFFF">...</p>
                </li>
            </ul>
        </div>
       

    </div>
</div>
</section> 
<section id="googleMap">
  <div class="container">
    <div class="row">
      
<iframe align="center" src="https://www.google.com/maps/d/u/0/embed?mid=1bnQeSdNohiInaHlHVVtgKq3GONOVyuGc" width="1400" height="480"></iframe>

</div>
  </div>
</section>

</br>
<footer class="container-fluid footer">
	<div class="container">
		<div class="row">
			<article class="col-md col-lg-4 col-xs-12 col-sm-12">
				<h5> Politiques :</h5>
				<hr class="separator">
					<a href="mentions_legales.html">Mentions légales</a>
          <a href="politique_de_protection_des_donnees.html">Protection des données</a>
          <a href="gestion_des_cookies.html">Gestion des cookies</a>
			</article>
			
			<article class="col-md col-lg-4 col-xs-12 col-sm-12">
				<h5> Team Viewer :</h5>
				<hr class="separator">
					<a href="#">Se faire assister</a>
			</article>
			<article class="col-md col-lg-4 col-xs-12 col-sm-12">
				<h5> Réseaux sociaux :</h5>
				<hr class="separator">
					<a href="https://facebook.com">Facebook</a>
          <a href="https://instagram.com">Instagram</a>

			</article>
		</div>
	</div>
		<p>
			Copyright @ aReady | 2020 | All Right Reserved
		</p>
</footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
	$(document).ready(function() {
		$('.js-scrollTo').on('click', function() { // Au clic sur un élément
			var page = $(this).attr('href'); // Page cible
			var speed = 750; // Durée de l'animation (en ms)
			$('html, body').animate( { scrollTop: $(page).offset().top }, speed ); // Go
			return false;
		});
	});
</script>
</body>
</html>
Messages postés
28939
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 juillet 2020
2 609
Comme je te le disais, il n'y a aucune raison pour que tu ne puisses plus l'afficher juste en ayant changé l'extension.
Et le code généré semble bon.
Donc soit tu as un souci dans le chemin (vérifie que le nom du fichier est bien strictement identique, sans espace, sans majuscules...)
Soit tu as un souci de cache...
Aucun rapport avec l'extension PHP....

Histoire de s'assurer que l'image est bien là, on va ajouter quelque chose dans l'attribut alt de ton image

<a class="navbar-brand" href="#">
          <img src="images/sans-titre-3.png" alt="<?php echo file_exists("images/sans-titre-3.png") ? " images/sans-titre-3.png " : "Image introuvable !";?>" width="150" height="50">
    </a>
Messages postés
13
Date d'inscription
mardi 23 juin 2020
Statut
Membre
Dernière intervention
30 juin 2020

J'avais un problème avec l'image, le nom de l'image était le même j'avais même fais copier coller pour être sur et en supprimant l'image et en la re téléchargeant, elle s'est affiché, donc j'avais un problème je ne sais pas pourquoi :/ Mais franchement Merci beaucoup tu m'as quand même vachement aidé :) maintenant il me reste plus qu'à trouver comment faire une page de chargement avec le logo de mon entreprise qui tourne et mon site est 100% finis ahah :)
Messages postés
28939
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 juillet 2020
2 609
Messages postés
13
Date d'inscription
mardi 23 juin 2020
Statut
Membre
Dernière intervention
30 juin 2020
>
Messages postés
28939
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 juillet 2020

Ok merci j'essayerai demain matin :)