aide pour integrer formulaire dans page web

Question

Bonjour, 
 voila j ai enfin après des heures et des heures de recherche a trouver un formulaire  qui fonctionne ,je suis mort

qui pourrait m aider dans ma dernière ligne droite a intégrer ce code dans ma toute petite page web svp


merci de votre aide


Configuration: Windows XP / Firefox 3.6.13

val · Answer

quel sont les intitulés de ton formulaire ?
ex: 
nom
prenom
...

flexi2202 · Answer

merci pour la réponse,oui tout ce qu il y a de plus simple et dommage que j ai pas encore trouver plus simple ,j arrête pas de faire des tests mais une fois intégrer cela ne va plus ...je dois surement mal intégrer le code et si un truc encore plus simple fonctionne c est encore bon aussi voici le script qui fonctionne et qui devrait venir dans la colonne centrale Contact

Contact

'; $Envoi=" ".'

'; if (isset($_POST['message'])) { // La variable $verif va nous permettre d'analyser si la sémantique de l'email est bonne $verif='#^[\w.-]+@[\w.-]+\.[a-zA-Z]{2,5}$#'; //quelques remplacements pour les specialchars $message=preg_replace('#(<|>)#', '-', $_POST['message']); $message=str_replace('"', "'",$message); $message=str_replace('&', 'et',$message); $objet=preg_replace('#(<|>)#', '-', $_POST['objet']); $objet=str_replace('"', "'",$objet); $objet=str_replace('&', 'et',$objet); // On assigne et/ou protège nos variables $votremail=stripslashes(htmlentities($_POST['votremail'])); $message=stripslashes(htmlspecialchars($message)); $objet=stripslashes(htmlspecialchars($objet)); //input envoi/previsualiser $envoi=htmlentities($_POST['envoi']); $previsualiser=htmlentities($_POST['previsualiser']); //on enlève les espaces $votremail=trim($votremail); $message=trim($message); $objet=trim($objet); $apercu_resultat='

Aperçu du résultat :

'; /*On vérifie si l'e mail et le message sont pleins, et on agit en fonction. (on affiche Apercu du resultat, tel ou tel champ est vide, etc...*/ //Si ca ne vas pas (mal rempli, mail non valide...) if((empty($message))or(empty($objet))or(!preg_match($verif,$votremail))) { //les 3 champs sont vides if(empty($votremail)and(empty($message))and(empty($objet))) { echo '

Tous les champs sont vides.

'; $message='';$votremail='';$objet='';$apercu_resultat=''; } //un des champs est vide else { if(!preg_match($verif,$votremail)) echo'

Votre adresse e-mail n\'est pas valide.

'; else { echo'

Il faut remplir tous les champs !

'; if(empty($message)) $apercu_resultat=''; } } } //Si les deux sont pleins et que l'adresse est valide, on envoie on on prévisualise sans envoi else { $domaine=preg_replace('#[^@]+@(.+)#','$1',$votremail); $DomaineMailExiste=checkdnsrr($domaine,'MX'); if(!$DomaineMailExiste) echo'

Le nom de domaine de l\'adresse e-mail que vous avez donné n\'existe pas.

'; elseif(!empty($previsualiser)) { $apercu_resultat='

Votre message et votre adresse e-mail sont valides et prêts à être envoyés.
Vous n\'avez plus qu\'à cliquer sur le bouton "Envoyer".
Prévisualisation :

'; $Previsualiser=''; } elseif(!empty($envoi)) { $objet='[SITE] : '.$objet; $headers='From:'.$votremail." ".'To:'.$mail." ".'Subject:'.$objet." ".'Content-type:text/plain;charset=is-8859-1'." ".'Sent:'.date('l, F d, Y H:i'); if(mail($destinataire,$objet,$message,$headers)) { echo '

Votre message a bien été envoyé. Merci.

Retour à la page d\'accueil

'; $Envoi=''; $Previsualiser=''; } else echo'

Un problème est survenu durant l\'envoi du mail.

'; } else echo'

Une condition innatendue est survenue lors de l\'exécution du script.

'; } echo $apercu_resultat; } else { echo '

Vous pouvez utiliser ce formulaire pour me contacter.

'; $votremail='';$message=''; } $bas_formulaire=$Previsualiser.$Envoi; ?> et ceci ma page web que j ai épurée d un ancien code

Accueil

Mode de paiement

Questions

Pour commander

Espace infos

Nos chaussures

Nos chaussures TALON AIGUILLE POINTURE 35 TALON AIGUILLE POINTURE 36 TALON AIGUILLE POINTURE 37 TALON AIGUILLE POINTURE 38 TALON AIGUILLE POINTURE 39 TALON AIGUILLE POINTURE 40 TALON AIGUILLE POINTURE 41 Inscription a la newsletter Nos promotions

val · Answer

ca va être un peu long : j'ai reconstruit votre page mais il faudra mettre le "style" dans un fichier "style.css" Document sans titre

Nos chaussures

TALON AIGUILLE POINTURE 35

TALON AIGUILLE POINTURE 36

TALON AIGUILLE POINTURE 37

TALON AIGUILLE POINTURE 38

TALON AIGUILLE POINTURE 39

TALON AIGUILLE POINTURE 40

TALON AIGUILLE POINTURE 41

Inscription a la newsletter

Nos promotions

Contact

'; $Envoi=" ".'

'; if (isset($_POST['message'])) { // La variable $verif va nous permettre d'analyser si la sémantique de l'email est bonne $verif='#^[\w.-]+@[\w.-]+\.[a-zA-Z]{2,5}$#'; //quelques remplacements pour les specialchars $message=preg_replace('#(<|>)#', '-', $_POST['message']); $message=str_replace('"', "'",$message); $message=str_replace('&', 'et',$message); $objet=preg_replace('#(<|>)#', '-', $_POST['objet']); $objet=str_replace('"', "'",$objet); $objet=str_replace('&', 'et',$objet); // On assigne et/ou protège nos variables $votremail=stripslashes(htmlentities($_POST['votremail'])); $message=stripslashes(htmlspecialchars($message)); $objet=stripslashes(htmlspecialchars($objet)); //input envoi/previsualiser $envoi=htmlentities($_POST['envoi']); $previsualiser=htmlentities($_POST['previsualiser']); //on enlève les espaces $votremail=trim($votremail); $message=trim($message); $objet=trim($objet); $apercu_resultat='

Aperçu du résultat :

'; /*On vérifie si l'e mail et le message sont pleins, et on agit en fonction. (on affiche Apercu du resultat, tel ou tel champ est vide, etc...*/ //Si ca ne vas pas (mal rempli, mail non valide...) if((empty($message))or(empty($objet))or(!preg_match($verif,$votremail))) { //les 3 champs sont vides if(empty($votremail)and(empty($message))and(empty($objet))) { echo '

Tous les champs sont vides.

'; $message='';$votremail='';$objet='';$apercu_resultat=''; } //un des champs est vide else { if(!preg_match($verif,$votremail)) echo'

Votre adresse e-mail n\'est pas valide.

'; else { echo'

Il faut remplir tous les champs !

'; if(empty($message)) $apercu_resultat=''; } } } //Si les deux sont pleins et que l'adresse est valide, on envoie on on prévisualise sans envoi else { $domaine=preg_replace('#[^@]+@(.+)#','$1',$votremail); $DomaineMailExiste=checkdnsrr($domaine,'MX'); if(!$DomaineMailExiste) echo'

Le nom de domaine de l\'adresse e-mail que vous avez donné n\'existe pas.

'; elseif(!empty($previsualiser)) { $apercu_resultat='

Votre message et votre adresse e-mail sont valides et prêts à être envoyés.
Vous n\'avez plus qu\'à cliquer sur le bouton "Envoyer".
Prévisualisation :

'; $Previsualiser=''; } elseif(!empty($envoi)) { $objet='[SITE] : '.$objet; $headers='From:'.$votremail." ".'To:'.$mail." ".'Subject:'.$objet." ".'Content-type:text/plain;charset=is-8859-1'." ".'Sent:'.date('l, F d, Y H:i'); if(mail($destinataire,$objet,$message,$headers)) { echo '

Votre message a bien été envoyé. Merci.

Retour à la page d\'accueil

'; $Envoi=''; $Previsualiser=''; } else echo'

Un problème est survenu durant l\'envoi du mail.

'; } else echo'

Une condition innatendue est survenue lors de l\'exécution du script.

'; } echo $apercu_resultat; } else { echo '

Vous pouvez utiliser ce formulaire pour me contacter.

'; $votremail='';$message=''; } $bas_formulaire=$Previsualiser.$Envoi; ?>

Pour le style.css : créer un dossier "css" puis fichier "style.css" body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */ padding: 0; text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */ color: #000000; } .twoColFixLtHdr #container { width: 981px; /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */ background: #FFFFFF; margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */ border: 1px solid #000000; text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */ } .twoColFixLtHdr #header { background: #DDDDDD; padding: 0 0 0 0; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */ } .twoColFixLtHdr #header h1 { margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */ padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */ } .twoColFixLtHdr #sidebar1 { float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */ width: 200px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */ background: #EBEBEB; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */ padding: 15px 10px 15px 20px; } .twoColFixLtHdr #mainContent { margin: 0 0 0 250px; /* La marge gauche de cet élément div crée la colonne qui s'étend sur le côté gauche de la page - quel que soit le contenu de l'élément div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine. */ padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */ } .twoColFixLtHdr #footer { padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */ background:#DDDDDD; } .twoColFixLtHdr #footer p { margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */ padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */ } .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */ float: right; margin-left: 8px; } .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */ float: left; margin-right: 8px; } .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */ clear:both; height:0; font-size: 1px; line-height: 0px; } form#contact{border:2px solid red;width:70%;padding:1em} p#msg,p#adr,p#obj{border:2px solid green;margin-right:10%;padding:10px} p#msg textarea{border:2px solid blue;height:30em;width:80%} p#adr input,p#obj input{border:2px solid blue} p.bt{text-align:center} p.bt input{border:1px red solid;width:50%} Voilà ! si vous avez des questions

flexi2202 · Answer

ahhhhhhhhhhh super un énorme big gros merci ,très fort 
juste un petit détail ma colonne de gauche a disparu ,pourrais ton la remettre car je dois encore y mettre dedans des choses 
j ai aussi apparemment sous ie un problème au niveau de la taille de la barre des menu c est trop grand ,ainsi que le menu de la colonne de droite 

mais vraiment un très gros merci déjà pour le boulot,depuis hier soir je suis occupe a ca


ah oui je viens de voir que mes styles css avait disparu

val · Answer

je vous envoies ca dans 10 mn

juste une question vous êtes sous quel version d'IE ?

flexi2202 · Answer

franchement c est incroyable comme les gens de ce forum sont sympa par rapport aux sites spécialise ,c est incroyable ,j apprécie vraiment ...dommage que bcp de gens ne prennent pas la peine de remercier une fois que le soucis est résolu c est bien triste

val · Answer

Construction de la page : Document sans titre

Nos chaussures

TALON AIGUILLE POINTURE 35

TALON AIGUILLE POINTURE 36

TALON AIGUILLE POINTURE 37

TALON AIGUILLE POINTURE 38

TALON AIGUILLE POINTURE 39

TALON AIGUILLE POINTURE 40

TALON AIGUILLE POINTURE 41

Inscription a la newsletter

Nos promotions

Colonne de droite

Contact

'; $Envoi=" ".'

'; if (isset($_POST['message'])) { // La variable $verif va nous permettre d'analyser si la sémantique de l'email est bonne $verif='#^[\w.-]+@[\w.-]+\.[a-zA-Z]{2,5}$#'; //quelques remplacements pour les specialchars $message=preg_replace('#(<|>)#', '-', $_POST['message']); $message=str_replace('"', "'",$message); $message=str_replace('&', 'et',$message); $objet=preg_replace('#(<|>)#', '-', $_POST['objet']); $objet=str_replace('"', "'",$objet); $objet=str_replace('&', 'et',$objet); // On assigne et/ou protège nos variables $votremail=stripslashes(htmlentities($_POST['votremail'])); $message=stripslashes(htmlspecialchars($message)); $objet=stripslashes(htmlspecialchars($objet)); //input envoi/previsualiser $envoi=htmlentities($_POST['envoi']); $previsualiser=htmlentities($_POST['previsualiser']); //on enlève les espaces $votremail=trim($votremail); $message=trim($message); $objet=trim($objet); $apercu_resultat='

Aperçu du résultat :

'; /*On vérifie si l'e mail et le message sont pleins, et on agit en fonction. (on affiche Apercu du resultat, tel ou tel champ est vide, etc...*/ //Si ca ne vas pas (mal rempli, mail non valide...) if((empty($message))or(empty($objet))or(!preg_match($verif,$votremail))) { //les 3 champs sont vides if(empty($votremail)and(empty($message))and(empty($objet))) { echo '

Tous les champs sont vides.

'; $message='';$votremail='';$objet='';$apercu_resultat=''; } //un des champs est vide else { if(!preg_match($verif,$votremail)) echo'

Votre adresse e-mail n\'est pas valide.

'; else { echo'

Il faut remplir tous les champs !

'; if(empty($message)) $apercu_resultat=''; } } } //Si les deux sont pleins et que l'adresse est valide, on envoie on on prévisualise sans envoi else { $domaine=preg_replace('#[^@]+@(.+)#','$1',$votremail); $DomaineMailExiste=checkdnsrr($domaine,'MX'); if(!$DomaineMailExiste) echo'

Le nom de domaine de l\'adresse e-mail que vous avez donné n\'existe pas.

'; elseif(!empty($previsualiser)) { $apercu_resultat='

Votre message et votre adresse e-mail sont valides et prêts à être envoyés.
Vous n\'avez plus qu\'à cliquer sur le bouton "Envoyer".
Prévisualisation :

'; $Previsualiser=''; } elseif(!empty($envoi)) { $objet='[SITE] : '.$objet; $headers='From:'.$votremail." ".'To:'.$mail." ".'Subject:'.$objet." ".'Content-type:text/plain;charset=is-8859-1'." ".'Sent:'.date('l, F d, Y H:i'); if(mail($destinataire,$objet,$message,$headers)) { echo '

Votre message a bien été envoyé. Merci.

Retour à la page d\'accueil

'; $Envoi=''; $Previsualiser=''; } else echo'

Un problème est survenu durant l\'envoi du mail.

'; } else echo'

Une condition innatendue est survenue lors de l\'exécution du script.

'; } echo $apercu_resultat; } else { echo '

Vous pouvez utiliser ce formulaire pour me contacter.

'; $votremail='';$message=''; } $bas_formulaire=$Previsualiser.$Envoi; ?>

Le style.css: body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */ padding: 0; text-align: left; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */ color: #000000; } .thrColFixHdr #container { width: 980px; background: #FFFFFF; margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */ border: 1px solid #000000; text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */ } .thrColFixHdr #header { background: #DDDDDD; padding: 0 0 0 0; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */ } .thrColFixHdr #header h1 { margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */ padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */ } .thrColFixHdr #sidebar1 { float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */ width: 150px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */ background: #EBEBEB; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */ padding: 10px 10px 10px 10px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */ } .thrColFixHdr #sidebar2 { float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */ width: 160px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */ background: #EBEBEB; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */ padding: 10px 10px 10px 10px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */ } .thrColFixHdr #mainContent { margin: 0 200px; text-align:left; padding: 0 10px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */ } .thrColFixHdr #footer { padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */ background:#DDDDDD; } .thrColFixHdr #footer p { margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */ padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */ } .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */ float: right; margin-left: 8px; } .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */ float: left; margin-right: 8px; } .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */ clear:both; height:0; font-size: 1px; line-height: 0px; } form#contact{border:2px solid red;width:70%;padding:1em} p#msg,p#adr,p#obj{border:2px solid green;margin-right:10%;padding:10px} p#msg textarea{border:2px solid blue;height:30em;width:80%} p#adr input,p#obj input{border:2px solid blue} p.bt{text-align:center} p.bt input{border:1px red solid;width:50%} Voilà C'est important de remercier les personnes qui nous aident, c'est souvent que je viens chercher des réponses sur le développement php et il y a une communauté d'entraide vraiment ponctuelle, agréable et concise sur ce site.

val · Answer

ps: la taille se règle grâce au style.css
Il y a des commentaires pour vous aider sur les modifications

flexi2202 · Answer

un grand merci pour ton aide et ton soutien  
ouppssssss ...il doit y avoir un soucis avec mes div car la première colonne prends toute la largeur de la page et le formulaire est au dessous  

mais j ai fait un essai avec ta première version j ai mis mes div das la feuille de style css et cela a l air de fonctionner de cette façon  .... 
as tu penser a ma troisième colonne  


ah ces codes cela fait des semaines que je m arrache les cheveux


je rectifie j ai remis mes styles dans al feuille css cela a l air mieux et je vois la colonne de droite ,juste un soucis de taille de l ecriture dans le menu de gauche

flexi2202 · Answer

merci et encore merci et encore merci ,genial je vais tester cela un peu mieux 

pour mes div j ai tout balancer dans la feuille de style css et cela a l air de fonctionner 

encore mille fois merci 

je te tiens au courant pour la suite

val · Answer

de rien
tiens moi au courant
Pour les texte, il te suffit de mettre ex:
.thrColFixHdr #container { 
    	width: 980px;  
    	background: #FFFFFF;
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	border: 1px solid #000000;
    	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
    	font-size: 14px;
	font-family: Corbel;
	color: #5f2b1c;
	}

.thrColFixHdr #header h1 {
    	margin: 0; 
    	padding: 10px 0; 
        ont-size: 14px;
	font-family: Corbel;
	color: #5f2b1c;
    }
    .thrColFixHdr #sidebar1 {
    	float: left; 
    	background: #EBEBEB; 
    	padding: 10px 10px 10px 10px;
        ont-size: 14px;
	font-family: Corbel;
	color: #5f2b1c; 
    }

etc....



font-size: 14px;
font-family: Corbel;
color: #5f2b1c;

est à modifier selon le voulu de l'affichage dans les "div" du style.css :

pour les marges :

soit aucunes :
margin: 0 0 0 0; G-D-H-B (à vérifier pour l'ordre :-))
soit en fonction d'un tableau par exemple :
margin: auto; pour les 4 cotés


etc... Tout est modifiable

Voilà si tu as des soucis n'hésites pas

flexi2202 · Answer

ok ok je commence a faire les modifi et grace a firebug cela va tout seul

juste un petit soucis mon logo au dessus des menus a disparu


treeeeeeeeeeeeessss gros merci ...je regarde a tout cela demain ou dimanche car la j en peux plus

val · Answer

je l'ai oublié sorry.... a placer comme suit: sans les -------><----------- lol

Bonne nuit

flexi2202 · Answer

bonjour val

voila super nickel tout y est il déborde un peu mais cela est surement du au fait que je dois réduire la dimension de l image .alors j ai un petit soucis sous ie il ne veux pas centrer en dessous du formulaire prévisualiser et envoyer ,j ai réussi a centrer tout le formulaire mais y a que ca qui cloche ,pourtant sous firefox cela est ok
j ai aussi remarquer que les accents n était pas repris j ai donc tente de les remplacer ,mais il y en a un je sais pas  lequel qui bloque l envois du formulaire es ce possible ...
alors dernière petite chose mdrrrr ,aujourd' hui je ris mais hier j aurais bien pleurer tellement que j en avais marre de chercher ,y aurais t  il moyen que le formulaire affiche des popups au lieu d afficher les remarques du style formulaire envoyé ,ou alors champ pas rempli ect
autrement pour le reste c est super nickel , j ai pas encore eu le temps de tout lire dans les css ...mais je remarque que tu as fais un véritable boulot de géant et encore mille fois merci

bonne journee

val · Answer

pour ce qui est de centrer l'affichage de la "DIV" centrale :
 .thrColFixHdr #mainContent { 
    	margin: 0 200px;
	text-align:center;
    	padding: 0 10px; 
    } 

Par contre pour le formulaire pourquoi prendre ce système ? Le mieux serait de le reconstruire en php et de faire des "<php echo ?>" pour afficher le code 
Enfin ce n'est que mon idée... :-)

flexi2202 · Answer

merci val pour la réponse très sympa comme tjs 


hier soir malgré la fatigue j ai continue a modifie certains petits détail ,largeur des colonnes ect .puis je me suis attaque aux accents que j ai change car au lieu de s afficher dans le formulaire cela était des petits carres ,mais après les avoir remplace j ai remarque que le formulaire n arrivait plus dans ma boite mail ,donc je suppose que j ai du changer un accent d une variable  ,n y a t il pas un code pour rendre compatible l affichage des accents ?

lorsque je remplis le formulaire et que j oublie un champ lors de l envois du formulaire il y a un message au dessus du formulaire qui s affiche en disant que tel champ n es pas rempli ,ou alors lorsque le formulaire est envoyé il m indique au dessus du formulaire que le formulaire est bien envoyé ...n y aurait i pas moyen au lieu que cela s affiche au dessus du formulaire que cela s affiche dans une petite fenêtre popup ou la personne doit cliquer dessus ...


merci pour ta réponse si rapide

flexi2202 · Answer

merci pour le code c est vrai qu il était indique dans le css ,sui vraiment creve mdrrrr,
alors pourquoi choisir le mode que je viens d énumérer tout simplement car j ai vu cela sur plusieurs sites et je trouvais cela plus intuitif mais bon si c est trop de travail on laisse tomber c est pas grave c était juste un détail ,je mettrais des couleurs pour attirer l attention

voici un print scren de ce que j aurais aime

https://imageshack.com/
 



encore merci et merci pour tout ce que tu fais

val · Answer

voici un formulaire stable et paramétrable (page): "; $mail_entete .= 'Reply-To: '.$_POST['email']." "; $mail_entete .= 'Content-Type: text/plain; charset="utf-8"'; $mail_entete .= " Content-Transfer-Encoding: 8bit "; $mail_entete .= 'X-Mailer:PHP/' . phpversion()." "; // préparation du corps du mail $mail_corps = "Nom : $nom "; $mail_corps .= "Prénom : $prenom "; $mail_corps .= "Téléphone : $telephone "; $mail_corps .= "Email : $email "; $mail_corps .= "Objet de votre message : $objet "; $mail_corps .= "Message : $message "; // envoi du mail if (mail(MAIL_DESTINATAIRE,MAIL_SUJET,$mail_corps,$mail_entete)) { //Le mail est bien expédié $erreur = "Votre message nous a bien été transmis"; unset($nom); unset($prenom); unset($objet); unset($telephone); unset($email); unset($message); } else{ $erreur = "Une erreur est survenue, votre message n'est pas parti"; } } } ?> Document sans titre

Nos chaussures

TALON AIGUILLE POINTURE 35

TALON AIGUILLE POINTURE 36

TALON AIGUILLE POINTURE 37

TALON AIGUILLE POINTURE 38

TALON AIGUILLE POINTURE 39

TALON AIGUILLE POINTURE 40

TALON AIGUILLE POINTURE 41

Inscription a la newsletter

Nos promotions

Colonne de droite

Besoin d'un renseignement ?
Merci de remplir le formulaire ci-dessous, nous prendrons contact avec vous dans les meilleurs delais.

Vous pouvez aussi nous contacter par téléphone.

NOM SOCIETE
ADRESSE
Email:
TEL

Siret:

$erreur

"; }?>

Nom :*
Prénom :*
Téléphone :
Email :*
Objet :*
Votre message :*	<?php if(isset($message)) echo $message;?>
	Les champs marqués; d'un * sont obligatoires

Conformément à l'article 43 de la loi 'Informatique et Libertés' relative à l'informatique, aux fichiers et aux libertés, vous disposez d'un droit d'accés, de modification, de rectification et de suppression des données qui vous concernent.

style.css : @charset "utf-8"; /* CSS Document */ body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; padding: 0; text-align: left; color: #000000; } .thrColFixHdr #container { width: 980px; background: #FFFFFF; margin: 0 auto; border: 1px solid #000000; text-align: left; font-size: 14px; font-family: Corbel; color: #5f2b1c; } .thrColFixHdr #header { background: #DDDDDD; padding: 0 0 0 0; } .thrColFixHdr #header h1 { margin: 0; padding: 10px 0; } .thrColFixHdr #sidebar1 { float: left; width: 150px; background: #EBEBEB; padding: 10px 10px 10px 10px; } .thrColFixHdr #sidebar2 { float: right; width: 160px; background: #EBEBEB; padding: 10px 10px 10px 10px; } .thrColFixHdr #mainContent { margin: 0 200px; text-align:left; padding: 0 10px; } .thrColFixHdr #footer { padding: 0 10px 0 20px; background:#DDDDDD; } .thrColFixHdr #footer p { margin: 0; padding: 10px 0; } .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .texte { font-size: 14px; font-family: Corbel; color: #585856; } Essaies il sera plus stable et plus design enfin a mon gout ne pas oublier de changer l'adresse mail au début du document

flexi2202 · Answer

yes super nickel un très grand grand grand merci ,ouftiiii super pourtant j en ai essaye encore et encore avant que je rencontre ton aide mais ce formulaire est nickel ,merci beaucoup
seul petit bémol les accents ,penses tu que je peux les remplacer par des lettres sas accents sans perturber le bon fonctionnement du formulaire


merci de la reponse

flexi2202 · Answer

ah oui dans le defaut de php  il y a cette ligne

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1>


puis je la remplacer sans soucis

val · Answer

en fait tes titres de pages doivent ressembler à ça: Toutes tes pages du site

flexi2202 · Answer

merci pour la reponse
j ai changer ce que tu m as dit de faire dans le fichier defaut .php de l hébergeur mais a présent je n ai plus aucune écriture ....plus rien vide de chez vide
au moins j ai plus de soucis avec les accents mdrrrrrrrrrrrrrrrrrrrr

flexi2202 · Answer

ah tiens cela fonctionne a moitie a présent ,peut être qu il a fallu le temps qu il digère le fichier 

voila ce que j ai

Besoin d'un renseignement ?
Merci de remplir le formulaire ci-dessous, nous prendrons contact avec vous dans les meilleurs delais.



Votre message nous a bien ?t? transmis

Nom :*     
 
Pr?nom :*     
 
T?l?phone :      
Email :*     
 
Objet :*     
 
Votre message :*                             
 
  Les champs marqu?s; d'un * sont obligatoires 
   
 



Conform?ment ? l'article 43 de la loi 'Informatique et Libert?s' relative ? l'informatique, aux fichiers et aux libert?s, vous disposez d'un droit d'acc?s, de modification, de rectification et de suppression des donn?es qui vous concernent.

val · Answer

comment tu créé ton site et qui est ton hebergeur ?

flexi2202 · Answer

merci pour la réponse
en fait tout a commence par un défi sur un blog "canalblog"je demandais des renseignements pour tenter de faire un semblant de site e commerce ...donc de ce cote j y suis +- parvenu donc toute la base de donnée est héberge via ce blog
ensuite ben fallait que je trouve un formulaire de contact autre que celui du blog ,donc comme il fallait du php et que le blog ne le gère pas , j ai du trouver un hébergeur gratuit qui accepte le php ...
donc a présent les gens qui sont sur canalblog savent  me contacter via un vrai formulaire et pas celui proposer par canalblog...
pour cela que sur cet hébergeur gratuit il n y a que 3 images +le dossier css avec la feuille de style + le fichier php +le fameux fichier propre a l hébergeur defaut.php et absolument rien d autre.....
je sais j aurais pu prendre un e commerce direct en free ;mais bon je voulais prouver a ce blog que cela était possible 

voila une image avec l intérieur du ftp

http://www.cijoint.fr/cjlink.php?file=cj201103/cijrOYp14z.jpg

val · Answer

c'est restreint en effet lol

flexi2202 · Answer

oui mdrrrr ,mais grace a toi j ai encore appris pas mal de chose ,pour les accents je les remplace dans la feuille php alors ???

merci pour ton aide

flexi2202 · Answer

bonjour val 
merci pour ton aide

ben oui je me doute que si j ai des soucis avec des accents ppour ce formulaire je risque d en avoir pour le reste

de mon cote j ai teste le lien avec firefox et le maudit ie et tjs le soucis des accents

j ai tester ton lien il fonctionne

voici le mien 

https://www.000webhost.com/migrate?static=true

val · Answer

ok je penses avoir compris en regardant ta source

envois moi en copier/coller le contenu de ta page
contact.php
defaut.php

flexi2202 · Answer

merci pour ton temps et ton aide voici donc le defaut . www.evoluted.net Layout: Manny . www.tenka.co.uk */ $startdir = '.'; $showthumbnails = false; $showdirs = true; $forcedownloads = false; $hide = array( 'dlf', 'public_html', 'index.php', 'Thumbs', '.htaccess', '.htpasswd' ); $displayindex = false; $allowuploads = false; $overwrite = false; $indexfiles = array ( 'index.html', 'index.htm', 'default.htm', 'default.html' ); $filetypes = array ( 'png' => 'jpg.gif', 'jpeg' => 'jpg.gif', 'bmp' => 'jpg.gif', 'jpg' => 'jpg.gif', 'gif' => 'gif.gif', 'zip' => 'archive.png', 'rar' => 'archive.png', 'exe' => 'exe.gif', 'setup' => 'setup.gif', 'txt' => 'text.png', 'htm' => 'html.gif', 'html' => 'html.gif', 'php' => 'php.gif', 'fla' => 'fla.gif', 'swf' => 'swf.gif', 'xls' => 'xls.gif', 'doc' => 'doc.gif', 'sig' => 'sig.gif', 'fh10' => 'fh10.gif', 'pdf' => 'pdf.gif', 'psd' => 'psd.gif', 'rm' => 'real.gif', 'mpg' => 'video.gif', 'mpeg' => 'video.gif', 'mov' => 'video2.gif', 'avi' => 'video.gif', 'eps' => 'eps.gif', 'gz' => 'archive.png', 'asc' => 'sig.gif', ); error_reporting(0); if(!function_exists('imagecreatetruecolor')) $showthumbnails = false; $leadon = $startdir; if($leadon=='.') $leadon = ''; if((substr($leadon, -1, 1)!='/') && $leadon!='') $leadon = $leadon . '/'; $startdir = $leadon; if($_GET['dir']) { //check this is okay. if(substr($_GET['dir'], -1, 1)!='/') { $_GET['dir'] = $_GET['dir'] . '/'; } $dirok = true; $dirnames = split('/', $_GET['dir']); for($di=0; $di Welcome to <? print $host; ?>

Your website is up and running!

Website has been successfully installed on server.
Please delete file "default.php" from public_html folder and upload your website by using FTP or web based File Manager.

- Your account information can be found on http://members.000webhost.com/
- If you need help, please check our forums and and FAQ List.
- Please review our Terms Of Service to see what is not allowed to upload.

If you are going to violate our TOS, please read this text until it's not too late!
Do not waste your time with 000webhost.com, if you are going to upload any illegal website here! All content is manually reviewed by humans, so if we will detect anything illegal, your account will be terminated. So don't waste your time in promoting your scams, hacking websites, or anything else malicious - your account will be terminated in 5 minutes after we will receive first abuse report or anything abusive will be detected by our staff. We also report all illegal activity to the local and international authorities.

Below you can see your current files in public_html folder.

File

Size

Last Modified

.. -

-

43) { $filename = substr($files[$i], 0, 40) . '...'; } $fileurl = $leadon . $files[$i]; ?>

>

KB

Free Web Hosting by www.000webhost.com

et mon contact.php modifie "; $mail_entete .= 'Reply-To: '.$_POST['email']." "; $mail_entete .= 'Content-Type: text/plain; charset="utf-8"'; $mail_entete .= " Content-Transfer-Encoding: 8bit "; $mail_entete .= 'X-Mailer:PHP/' . phpversion()." "; // préparation du corps du mail $mail_corps = "Nom : $nom "; $mail_corps .= "Prénom : $prenom "; $mail_corps .= "Téléphone : $telephone "; $mail_corps .= "Email : $email "; $mail_corps .= "Objet de votre message : $objet "; $mail_corps .= "Message : $message "; // envoi du mail if (mail(MAIL_DESTINATAIRE,MAIL_SUJET,$mail_corps,$mail_entete)) { //Le mail est bien expédié $erreur = "Votre message nous a bien été transmis"; unset($nom); unset($prenom); unset($objet); unset($telephone); unset($email); unset($message); } else{ $erreur = "Une erreur est survenue, votre message n'est pas parti"; } } } ?> Document sans titre

Nos chaussures

POINTURE 35

POINTURE 36

POINTURE 37

POINTURE 38

POINTURE 39

POINTURE 40

POINTURE 41

Inscription newsletter

Nos promotions

Colonne de droite

Besoin d'un renseignement ?
Merci de remplir le formulaire ci-dessous, nous prendrons contact avec vous dans les meilleurs delais.

$erreur

"; }?>

Nom :*
Prénom :*
Téléphone :
Email :*
Objet :*
Votre message :*	<?php if(isset($message)) echo $message;?>
	Les champs marqués; d'un * sont obligatoires

Aide pour integrer formulaire dans page web

30 réponses

Votre réponse

Newsletters