IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Formulaire 'changer la couleur et centrage)


Sujet :

Centrer un élément en CSS

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Cariste
    Inscrit en
    Février 2015
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Cariste

    Informations forums :
    Inscription : Février 2015
    Messages : 3
    Points : 1
    Points
    1
    Par défaut Formulaire 'changer la couleur et centrage)
    bonjour
    je suis un jeune débutant et je ne connais rien à la programmation php , j'ai trouvé un script de formulaire qui fonctionne bien mais voila quand j'ai envoyé le commentaire je ne vois pas le message car sur mon fond noir le text est noir et de plus il est en haut et a gauche alors que moi je voudrais le centré au milieux de la page donc si on pouvait m'aider ça serais sympathique car moi je suis un peux perdu dans tout ça , je vous inclus le script dans ce post
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
     
    <?php
    /*
    	********************************************************************************************
    	CONFIGURATION
    	********************************************************************************************
    */
    // destinataire est votre adresse mail. Pour envoyer à plusieurs à la fois, séparez-les par une virgule
    $destinataire = 'pirate@free.fr';
     
    // copie ? (envoie une copie au visiteur)
    $copie = 'oui';
     
    // Action du formulaire (si votre page a des paramètres dans l'URL)
    // si cette page est index.php?page=contact alors mettez index.php?page=contact
    // sinon, laissez vide
    $form_action = '';
     
    // Messages de confirmation du mail
    $message_envoye = "Votre message nous est bien parvenu !";
    $message_non_envoye = "L'envoi du mail a echoue, veuillez réessayer SVP.";
     
    // Message d'erreur du formulaire
    $message_formulaire_invalide = "Vérifiez que tous les champs soient bien remplis et que l'email soit sans erreur.";
     
    /*
    	********************************************************************************************
    	FIN DE LA CONFIGURATION
    	********************************************************************************************
    */
     
    /*
     * cette fonction sert à nettoyer et enregistrer un texte
     */
    function Rec($text)
    {
    	$text = htmlspecialchars(trim($text), ENT_QUOTES);
    	if (1 === get_magic_quotes_gpc())
    	{
    		$text = stripslashes($text);
    	}
     
    	$text = nl2br($text);
    	return $text;
    };
     
    /*
     * Cette fonction sert à vérifier la syntaxe d'un email
     */
    function IsEmail($email)
    {
    	$value = preg_match('/^(?:[\w\!\#\$\%\&\'\*\+\-\/\=\?\^\`\{\|\}\~]+\.)*[\w\!\#\$\%\&\'\*\+\-\/\=\?\^\`\{\|\}\~]+@(?:(?:(?:[a-zA-Z0-9_](?:[a-zA-Z0-9_\-](?!\.)){0,61}[a-zA-Z0-9_-]?\.)+[a-zA-Z0-9_](?:[a-zA-Z0-9_\-](?!$)){0,61}[a-zA-Z0-9_]?)|(?:\[(?:(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\.){3}(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\]))$/', $email);
    	return (($value === 0) || ($value === false)) ? false : true;
    }
     
    // formulaire envoyé, on récupère tous les champs.
    $nom     = (isset($_POST['nom']))     ? Rec($_POST['nom'])     : '';
    $email   = (isset($_POST['email']))   ? Rec($_POST['email'])   : '';
    $objet   = (isset($_POST['objet']))   ? Rec($_POST['objet'])   : '';
    $message = (isset($_POST['message'])) ? Rec($_POST['message']) : '';
     
    // On va vérifier les variables et l'email ...
    $email = (IsEmail($email)) ? $email : ''; // soit l'email est vide si erroné, soit il vaut l'email entré
    $err_formulaire = false; // sert pour remplir le formulaire en cas d'erreur si besoin
     
    if (isset($_POST['envoi']))
    {
    	if (($nom != '') && ($email != '') && ($objet != '') && ($message != ''))
    	{
    		// les 4 variables sont remplies, on génère puis envoie le mail
    		$headers  = 'From:'.$nom.' <'.$email.'>' . "\r\n";
    		//$headers .= 'Reply-To: '.$email. "\r\n" ;
    		//$headers .= 'X-Mailer:PHP/'.phpversion();
     
    		// envoyer une copie au visiteur ?
    		if ($copie == 'oui')
    		{
    			$cible = $destinataire.','.$email;
    		}
    		else
    		{
    			$cible = $destinataire;
    		};
     
    		// Remplacement de certains caractères spéciaux
    		$message = str_replace("'","'",$message);
    		$message = str_replace("’","'",$message);
    		$message = str_replace("&quot;",'"',$message);
    		$message = str_replace('<br>','',$message);
    		$message = str_replace('<br />','',$message);
    		$message = str_replace("&lt;","<",$message);
    		$message = str_replace("&gt;",">",$message);
    		$message = str_replace("&amp;","&",$message);
     
    		// Envoi du mail
    		if (mail($cible, $objet, $message, $headers))
    		{
    			echo '<p>'.$message_envoye.'</p>';
    		}
    		else
    		{
    			echo '<p>'.$message_non_envoye.'</p>';
    		};
    	}
    	else
    	{
    		// une des 3 variables (ou plus) est vide ...
    		echo '<p>'.$message_formulaire_invalide.'</p>';
    		$err_formulaire = true;
    	};
    }; // fin du if (!isset($_POST['envoi']))
     
    if (($err_formulaire) || (!isset($_POST['envoi'])))
    {
    	// afficher le formulaire
    	echo '
    	<form id="contact" method="post" action="'.$form_action.'">
    	<fieldset><legend>Vos coordonnées</legend>
    		<p><label for="nom">Nom :</label><input type="text" id="nom" name="nom" value="'.stripslashes($nom).'" tabindex="1" /></p>
    		<p><label for="email">Email :</label><input type="text" id="email" name="email" value="'.stripslashes($email).'" tabindex="2" /></p>
    	</fieldset>
    
    	<fieldset><legend>Votre message :</legend>
    		<p><label for="objet">Objet :</label><input type="text" id="objet" name="objet" value="'.stripslashes($objet).'" tabindex="3" /></p>
    		<p><label for="message">Message :</label><textarea id="message" name="message" tabindex="4" cols="30" rows="8">'.stripslashes($message).'</textarea></p>
    	</fieldset>
    
    	<div style="text-align:center;"><input type="submit" name="envoi" value="Envoyer le formulaire !" /></div>
    	</form>';
    };
    ?>
    Franchement je ne vois pas comment faire mais je sais que c'est dans les lignes suivante qu'il faut mettre les options pour la couleur et faire le centrage au milieux de la page:

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    echo '<p>'.$message_envoye.'</p>';
     
    echo '<p>'.$message_non_envoye.'</p>';
     
     
    echo '<p>'.$message_formulaire_invalide.'</p>';

    du moins je pense

    Merci pour tout aide de votre part...

  2. #2
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 408
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 408
    Points : 15 777
    Points
    15 777
    Par défaut
    à quel endroit est défini que le fond est noir ? cela n'apparait pas dans ton code

  3. #3
    Nouveau Candidat au Club
    Homme Profil pro
    Cariste
    Inscrit en
    Février 2015
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Cariste

    Informations forums :
    Inscription : Février 2015
    Messages : 3
    Points : 1
    Points
    1
    Par défaut
    bonjour
    je ne connais pas grand chose au php et malheureusement je ne le sais pas et ce qui est quand même étrange c'est que lorsque j essaie sur une page toute seule il m'écris en blanc mais dés que je l'inclus dans mon site là c'est en noir , je ne comprends pas du tout mais ce qui est sur c'est que ce formulaire fonctionne vraiment bien , et c'est pour cela que je cherche une personne qui pourrais m'aider pour me mettre une couleur et me le centrer au milieu de ma page.
    merci d avance...

  4. #4
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 408
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 408
    Points : 15 777
    Points
    15 777
    Par défaut
    donne nous l'URL de la page où le fond s'affiche en noir

  5. #5
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $destinataire = 'pirate@free.fr';
    Tu bosses chez Tipiak ??

    Sinon, tu peux aussi changer la fonction IsEmail($email) en utilisant les Filtres de validation :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    /*
     * Cette fonction sert à vérifier la syntaxe d'un email
     */
    function IsEmail($email)
    {
    	return ( filter_var($email, FILTER_VALIDATE_EMAIL) === false )? false : true;
    }

  6. #6
    Nouveau Candidat au Club
    Homme Profil pro
    Cariste
    Inscrit en
    Février 2015
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Cariste

    Informations forums :
    Inscription : Février 2015
    Messages : 3
    Points : 1
    Points
    1
    Par défaut
    c est sur le site http://exotic.savane.free.fr juste en dessous de l image du copain le menu contact sans remplir le formulaire vous faites envoyer et vous allez voir le text en haut et en noir , moi je voudrais l avoir en blanc et au milieu de la page

  7. #7
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 108
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 108
    Points : 44 921
    Points
    44 921
    Par défaut
    Bonjour,
    (...)juste en dessous de l image du copain le menu contact sans remplir le formulaire(...)
    pas du tout compris où regarder...

  8. #8
    Invité
    Invité(e)
    Par défaut
    Vu.

    On trouve dans le CSS -> fichier index2.html ligne 18
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    body, td, th {
        color: #000;
    }
    Alors que pour la page principale, on a :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    body, td, th {
        color: #ffffff;
        font-family: Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman",serif;
        font-size: 16px;
        font-style: normal;
        font-weight: lighter;
    }
    body {
        background-color: #666666;
        background-image: url("");
    }
    J'en concluerais que tu n'as pas le même CSS qui s'applique sur ta page traitement_formulaire.php.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <iframe src="index1.html" ......>
    Tu utilises des iframe... et une mise en page à base de <table>...

    Conseil 1 :
    • Refait ton site en utilisant un CMS récent !!
      Comme Wordpress, par exemple. Il est gratuit. Et on trouve des templates/designs sympas, gratuits aussi.


    Conseil 2 :
    • Faire le traitement sur la même page que le formulaire serait une bonne idée.


    Ca évite aussi d'avoir un bouton "Retour au formulaire".
    recherche : "formulaire et traitement sur la même page"
    Dernière modification par Invité ; 15/02/2015 à 23h53.

  9. #9
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 108
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 108
    Points : 44 921
    Points
    44 921
    Par défaut
    je n’ai pas vu la barre de scroll ! Il faudrait peut être revoir effectivement cette mise en page et moi je cours changer de lunette

Discussions similaires

  1. Réponses: 5
    Dernier message: 18/07/2006, 16h10
  2. Réponses: 3
    Dernier message: 03/07/2006, 22h00
  3. changer la couleur de mon formulaire
    Par T'chab dans le forum Access
    Réponses: 4
    Dernier message: 27/04/2006, 15h04
  4. Réponses: 5
    Dernier message: 27/04/2006, 14h51
  5. Changer la couleur de bordure d'un formulaire
    Par rogger dans le forum IHM
    Réponses: 6
    Dernier message: 17/10/2005, 20h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo