Mettre une image en php [Résolu]

Réponse 1 / 5

yg_be Messages postés 22707 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 19 avril 2024 1 471
23 juin 2020 à 14:39

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

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

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>

yg_be Messages postés 22707 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 19 avril 2024 1 471 > Antho_690 Messages postés 13 Date d'inscription mardi 23 juin 2020 Statut Membre Dernière intervention 30 juin 2020
23 juin 2020 à 15:21

peux-tu nous montrer ton nouveau code php?

Antho_690 Messages postés 13 Date d'inscription mardi 23 juin 2020 Statut Membre Dernière intervention 30 juin 2020 > yg_be Messages postés 22707 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 19 avril 2024
23 juin 2020 à 15:27

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.

yg_be Messages postés 22707 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 19 avril 2024 1 471 > Antho_690 Messages postés 13 Date d'inscription mardi 23 juin 2020 Statut Membre Dernière intervention 30 juin 2020
23 juin 2020 à 15:41

peux-tu nous montrer le contenu de ton fichier ayant php comme extension?

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > yg_be Messages postés 22707 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 19 avril 2024
23 juin 2020 à 15:49

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 ?

Réponse 2 / 5

Antho_690 Messages postés 13 Date d'inscription mardi 23 juin 2020 Statut Membre Dernière intervention 30 juin 2020
Modifié le 23 juin 2020 à 16:26

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>

Réponse 3 / 5

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
23 juin 2020 à 16:31

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.

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

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é :/

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > Antho_690 Messages postés 13 Date d'inscription mardi 23 juin 2020 Statut Membre Dernière intervention 30 juin 2020
23 juin 2020 à 16:57

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">

Réponse 4 / 5

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

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>

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
23 juin 2020 à 18:00

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>

Réponse 5 / 5

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

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 :)

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
23 juin 2020 à 18:40

Moi j'utilise ce plugin : https://github.com/chan15/jquery-loading-block

Antho_690 Messages postés 13 Date d'inscription mardi 23 juin 2020 Statut Membre Dernière intervention 30 juin 2020 > jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024
23 juin 2020 à 19:57

Ok merci j'essayerai demain matin :)

Mettre une image en php

5 réponses

Discussions similaires

Newsletters