Bonjour à tous,
J'ai deux problème avec ma page formulaire contact:
-le premier est que je n'arrive pas à mettre ma div contact au milieu de ma page, elle s'affiche tout en bas, je ne comprend pas. Avec le CSS sa ne fonctionne pas, voici le lien pour la page test : http://lbjoomla.free.fr/contact.html
- mon deuxième problème est qu'après test de ce formulaire, la page php généré ne s'affiche pas, voici le lien :http://lbjoomla.free.fr/ok.php
voici mon code HTML:
Code html : 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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Contact Ramos</title> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/humanity/jquery-ui.css"> <link href="css/ramos.css" rel="stylesheet" type="text/css" /> <link href="css/styles.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/SpryValidationTextarea.js"></script> <script type="text/javascript" src="js/SpryValidationTextField.js"></script> <link href="css/SpryValidationTextarea.css" rel="stylesheet" type="text/css" /> <link href="css/SpryValidationTextField.css" rel="stylesheet" type="text/css" /> <link href="css/lavalamp_test.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="conteneur"> <div id="header"><img src="img/The_Comoros_island.jpg" width="981" height="340" alt="Ile des Comores" /></div> <div class="clear"></div> <ul id="nav"> <li id="selected"><a href="index.html">Accueil</a></li> <li><a href="news.html">News</a></li> <li><a href="bibliographie.html">Bibliographie</a></li> <li><a href="photos.html">Photos</a></li> <li><a href="videos.html">Videos</a></li> <li><a href="contact.html">Contact</a></li> </ul> <div class="clear"></div> <div id="navigation-block"> <ul id="sliding-navigation"> <li class="sliding-element"><a href="index.html">Accueil</a></li> <li class="sliding-element"><a href="news.html">News</a></li> <li class="sliding-element"><a href="bibliographie.html">Bibliographie</a></li> <li class="sliding-element"><a href="photos.html">Photos</a></li> <li class="sliding-element"><a href="videos.html">Videos</a></li> <li class="sliding-element"><a href="contact.html">Contact</a></li> </ul> </div> <div class="clear"></div> <h2>Contact</h2> <!-- #EndLibraryItem --><div id="contact_bas"> <form id="contact" name="contact" method="post" action="ok.php"> <p><span class="etiquette">Civilité </span> <label> <input name="civilite" type="radio" class="btnradio" id="civilite_0" value="M" /> M</label> <label> <input name="civilite" type="radio" class="btnradio" id="civilite_1" value="Mme" /> Mme</label> <label> <input name="civilite" type="radio" class="btnradio" id="civilite_2" value="Mlle" /> Mlle</label> </p> <p> <label for="nom" class="etiquette">Nom :</label> <input name="nom" type="text" class="champs" id="nom" /> </p> <p> <label for="Prenom" class="etiquette">Prénom :</label> <input name="prenom" type="text" class="champs" id="prenom" /> </p> <p ><span id="sprytextfield1"> <label for="email" class="etiquette">Email *</label> <input name="email" type="text" class="champs" id="email" style="margin-right: 20px;"/> <span class="textfieldRequiredMsg">Une valeur est requise.</span><span class="textfieldInvalidFormatMsg">Format non valide.</span></span></p> <p> <label for="demande" class="etiquette">Demande :</label> <textarea name="demande" cols="45" rows="10" class="demande" id="demande"></textarea> </p> <p> <label for="envoyer"></label> <input name="envoyer" type="submit" class="btn" id="envoyer" value="Envoyer" /> </p> <p>* (champ obligatoire)</p> </form> </div> <div class="clear"></div> <div id="footer"> <ul> <li><a href="mentions.html">Mentions Légales</a></li> <li><a href="http://fr-fr.facebook.com/">Facebook <img src="img/logo_facebook.jpg" width="15" height="16" alt="faceboof" /></a></li> <li><a href="http://fr.twitter.com/">Twitter <img src="img/logo_twitter.jpg" width="18" height="17" alt="twitter" /></a></li> <li><a href="http://fr.myspace.com/">My Space <img src="img/logo_myspace.jpg" width="51" height="20" alt="my space" /></a></li> <li><a href="http://www.youtube.com">You Tube <img src="img/youtubelogo.jpg" width="51" height="26" alt="you tube" /></a></li> </ul> </div> <div class="clear"></div> </div><!--fin de conteneur--> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/sliding_effect.js"></script> <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="js/jquery.nivo.slider.js"></script> <script type="text/javascript"> <!-- var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "email", {maxChars:50}); var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2"); var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1", {maxChars:50, isRequired:false, counterType:"chars_remaining", counterId:"countsprytextarea1"}); //--> </script> <script charset="utf-8" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> <script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script> <script type="text/javascript" src="js/jquery.spasticNav.js"></script> <script type="text/javascript"> $('#nav').spasticNav(); </script> </body> </html>
et voici mon code PHP:
Code : 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 <? // On commence par récupérer les champs $civilite= $_POST['civilite'] ; $nom= $_POST['nom'] ; $prenom= $_POST['Prenom'] ; $email= $_POST['email'] ; $demande = $_POST['demande'] ; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Ramos Contact</title> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/humanity/jquery-ui.css"> <link href="css/ramos.css" rel="stylesheet" type="text/css" /> <link href="css/styles.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="SpryValidationTextField.js"></script> <script type="text/javascript" src="SpryValidationTextarea.js"></script> <link href="SpryValidationTextarea.css" rel="stylesheet" type="text/css" /> <link href="SpryValidationTextField.css" rel="stylesheet" type="text/css" /> <link href="css/lavalamp_test.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="conteneur"> <div id="header"><img src="img/The_Comoros_island.jpg" width="981" height="340" alt="Ile des Comores" /></div> <div class="clear"></div> <ul id="nav"> <li id="selected"><a href="index.html">Accueil</a></li> <li><a href="news.html">News</a></li> <li><a href="bibliographie.html">Bibliographie</a></li> <li><a href="photos.html">Photos</a></li> <li><a href="videos.html">Videos</a></li> <li><a href="contact.html">Contact</a></li> </ul> <div class="clear"></div> <div id="navigation-block"> <ul id="sliding-navigation"> <li class="sliding-element"><a href="index.html">Accueil</a></li> <li class="sliding-element"><a href="news.html">News</a></li> <li class="sliding-element"><a href="bibliographie.html">Bibliographie</a></li> <li class="sliding-element"><a href="photos.html">Photos</a></li> <li class="sliding-element"><a href="videos.html">Videos</a></li> <li class="sliding-element"><a href="contact.html">Contact</a></li> </ul> </div> <div id="contact_bas"> <?php //Envoi du contenu de la réservation par mail $to = 'leila.bouaifel@gmail.com'; //destinataire $subject = 'Ramos'; //sujet du msg $header .= "Content-Transfer-Encoding: 8bit\n"; $header .= "Content-Type:text/html;charset=iso-8859-1\n"; $header .= "From:".$email.""; // pour que le mail apparaisse comme venant de l'utilisateur //corps du message $message = "Contact de:<br /> $civilite $nom<br /> <strong>$email</strong><br /> demande: $demande<br /> <br />"; $envoi = mail($to, $subject, $message, $header); //envoie le msg if($envoi==true) //teste si l'envoi s'est bien déroulé { print("<br />Merci, <strong>$civilite</strong> <strong>$nom</strong>, je vous réponds dans les plus brefs délais<br /> "); } else { print("<br />Votre demande n'a pas pu être envoyée "); } ?> <div class="clear"> </div> </div> <!-- fin global-bas--> <div class="clear"></div> <div id="footer"> <ul> <li><a href="mentions.html">Mentions Légales</a></li> <li><a href="http://fr-fr.facebook.com/">Facebook <img src="img/logo_facebook.jpg" width="15" height="16" alt="faceboof" /></a></li> <li><a href="http://fr.twitter.com/">Twitter <img src="img/logo_twitter.jpg" width="18" height="17" alt="twitter" /></a></li> <li><a href="http://fr.myspace.com/">My Space <img src="img/logo_myspace.jpg" width="51" height="20" alt="my space" /></a></li> <li><a href="http://www.youtube.com">You Tube <img src="img/youtubelogo.jpg" width="51" height="26" alt="you tube" /></a></li> </ul> </div> <div class="clear"></div> </div><!--fin de conteneur--> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/sliding_effect.js"></script> <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="js/jquery.nivo.slider.js"></script> <script charset="utf-8" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> <script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script> <script type="text/javascript" src="js/jquery.spasticNav.js"></script> <script type="text/javascript"> $('#nav').spasticNav(); </script> </body> </html>
Merci pour votre aide.
Léna5
Partager