Site responsive

Pseudo -  
Tomas18 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour c'est la première fois que je demande de l'aide donc désolé si je n'exprime pas bien...

Donc je vous explique, j'ai fait un contact form en html et dès qu'on clique sur envoyé, cela vous envoie sur une page php qui écrit toutes les informations dans le contact form...

Le problème c'est que je n'arrive pas a bien structurez la position de padding avec les informations du contact form selon la taille des l'onglet


Merci énormément de votre aide, les amis



Ps.

Voici le code php:

/*
<?php

$nom = filter_input(INPUT_POST, "nom");

$email = filter_input(INPUT_POST, "email");

$motdepasse = filter_input(INPUT_POST, "motdepasse");

$genre = filter_input(INPUT_POST, "genre");

$image = filter_input(INPUT_POST, "image");

?>
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Acceuil</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/php.css" />
<script src="script/Index.js" type="text/javascript"></script>
<style>


header
{
text-align: center;
background-color: black;
height: 50px;
line-height: 50px;
color: white;
}


.information {
text-align: center;
height: 10px;
line-height: 30px;
}


i

{
visibility : hidden;
}

.container-fluid {
padding: 0;
}
.banner {
width: 100%;
max-width: 100%;
}

.ban
{
width: 100%;
max-width: 100%;
position: relative;
}

.ban img
{
width: 100%;
max-width: 100%;
}

.inner-banner {
position: absolute;
top: 30%;
width: 100%;
text-align: center;
}


.btn-custom
{
background-color: darkblue;
color: white;
}

.inner-banner .btn-custom:hover
{
background-color: #2C3E50;
}

</style>
<body>

<header class = "container-fluid">
<div class="container">
<h2>Information de la candidature </h2>

</header>


<section class="container-fluid banner">
<div class="ban">
<img src = "https://image.freepik.com/photos-gratuite/inscription-connexion-concept-mot-passe-utilisateur_53876-2188.jpg"></a>
</div>
<div class="inner-banner">
<div class="row">
<article class="col-nd-14 col-lg-12 col-xs-8 col-sn-6">
<p>
<?php

$nomOrigine = $_FILES['image']['name'];
$elementsChemin = pathinfo($nomOrigine);
$extensionFichier = $elementsChemin['extension'];
$extensionsAutorisees = array("jpeg", "jpg", "gif" ,"png");
if (!(in_array($extensionFichier, $extensionsAutorisees))) {
echo "Le fichier n'a pas l'extension attendue";
} else {
// Copie dans le repertoire du script avec un nom
// incluant l'heure a la seconde pres
$repertoireDestination = dirname(__FILE__)."/image/";
echo "<i>$repertoireDestination</i>";
$nomDestination = "Portrait".date("YmdHis").".".$extensionFichier;

if (move_uploaded_file($_FILES["image"]["tmp_name"],
$repertoireDestination.$nomDestination)) {
echo "<i>Le fichier temporaire ".$_FILES["image"]["tmp_name"].
" a été déplacé vers .$repertoireDestination.$nomDestination</i>";
} else {
echo "Le fichier n'a pas été uploadé (trop gros ?) ou ".
"Le déplacement du fichier temporaire a échoué".
" vérifiez l'existence du répertoire ".$repertoireDestination;
}
}
echo "<br>";

echo "<img src ='image/$nomDestination'/>";
echo "<br>Votre Nom complet: $nom";
echo "<br>Votre Email: $email";
echo "<br>Votre Mot De Passe: $motdepasse";
echo "<br>Votre sexe: $genre";

?>
</p>


</div>





<button id="form" onclick=window.location.href='formulaire.html' class="btn btn-custom">Revenir en arrière!</button>

</div>

</article>

</section>


</body>
</html>
  • /
A voir également:

4 réponses

Réponse 1 / 4
Tomas
 
Ne faites pas attention au /**/ je ne sais pas pk c'est la
0
Réponse 2 / 4
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 149
 
Salut,

Merci d'éditer ton message initial pour mettre le code dans les balises code correspondantes. :-)
0
Tomas
 
Ah ok excusez-moi c'est la première fois
0
Réponse 3 / 4
Tomas18 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
  
<?php

$nom = filter_input(INPUT_POST, "nom");

$email = filter_input(INPUT_POST, "email");

$motdepasse = filter_input(INPUT_POST, "motdepasse");

$genre = filter_input(INPUT_POST, "genre");

$image = filter_input(INPUT_POST, "image");

?>
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Acceuil</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/php.css" />
    <script src="script/Index.js" type="text/javascript"></script>
    <style>
            

header 
{
    text-align: center;
    background-color: black;
    height: 50px;
    line-height: 50px;
    color: white;
}


.information {
text-align: center;
height: 10px;
line-height: 30px;
}


i

{
    visibility : hidden;
}

.container-fluid {
        padding: 0;
    }
    .banner {
        width: 100%;
        max-width: 100%;
    }
    
    .ban 
    {
        width: 100%;
        max-width: 100%;
        position: relative;
    }
    
    .ban img
    {
        width: 100%;
        max-width: 100%;
    }
    
    .inner-banner {
        position: absolute;
        top: 30%;
        width: 100%;
        text-align: center;
    }
 
    
    .btn-custom 
    {
        background-color: darkblue;
        color: white;
    }
    
    .inner-banner .btn-custom:hover
    {
        background-color: #2C3E50;
    }
    
    </style>
<body>

<header class = "container-fluid">
    <div class="container">
         <h2>Information de la candidature </h2>
        
</header>


<section class="container-fluid banner">
    <div class="ban">
        <img src = "https://image.freepik.com/photos-gratuite/inscription-connexion-concept-mot-passe-utilisateur_53876-2188.jpg"></a>
    </div>
<div class="inner-banner">
<div class="row">
            <article>
               <p>
                   <?php
                   
$nomOrigine = $_FILES['image']['name'];
$elementsChemin = pathinfo($nomOrigine);
$extensionFichier = $elementsChemin['extension'];
$extensionsAutorisees = array("jpeg", "jpg", "gif" ,"png");
if (!(in_array($extensionFichier, $extensionsAutorisees))) {
echo "Le fichier n'a pas l'extension attendue";
} else {    
// Copie dans le repertoire du script avec un nom
// incluant l'heure a la seconde pres 
$repertoireDestination = dirname(__FILE__)."/image/";
echo "<i>$repertoireDestination</i>";
$nomDestination = "Portrait".date("YmdHis").".".$extensionFichier;

if (move_uploaded_file($_FILES["image"]["tmp_name"], 
$repertoireDestination.$nomDestination)) {
echo "<i>Le fichier temporaire ".$_FILES["image"]["tmp_name"].
" a été déplacé vers .$repertoireDestination.$nomDestination</i>";
} else {
echo "Le fichier n'a pas été uploadé (trop gros ?) ou ".
"Le déplacement du fichier temporaire a échoué".
" vérifiez l'existence du répertoire ".$repertoireDestination;
}
}
echo "<br>";

echo  "<img src ='image/$nomDestination'/>";
echo  "<br>Votre Nom complet: $nom";
echo  "<br>Votre Email: $email";
echo  "<br>Votre Mot De Passe: $motdepasse";
echo  "<br>Votre sexe: $genre";

                   ?>
               </p>
            
           
        </div>
            
              
          


<button id="form" onclick=window.location.href='formulaire.html' class="btn btn-custom">Revenir en arrière!</button>
    
</div>

    </article>
 
</section>


</body>
</html>
0
Réponse 4 / 4
Tomas18 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
excuse-moi j'ai du me connecter avec un autre compte
0

Discussions similaires

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses
Fiabilité site wardow.com
Camgu -
tommiller -

7 réponses