Pb formulaire

Résolu
Aurelsicoko Messages postés 155 Date d'inscription   Statut Membre Dernière intervention   -  
BartWadela Messages postés 562 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J'ai crée un site web avec Firework MX puis j'ai exporter les codes html dans un dossier. Puis pour ma rubrique "Contact" j'ai voulu mettre un formulaire j'ai rentré mon code nickel sauf que il ne se trouve pas au bonne endroit il se trouve toujour au dessus de la page. Et moi je le veux au centre. Comment faire ????


Merci.

++

1 réponse

BartWadela Messages postés 562 Date d'inscription   Statut Membre Dernière intervention   107
 
hello,

au dessus de la page ? il est trop haut ?

pour un alignement verticale =>
<center> bla bla bla bla </center>

sinon fais voir un extrait de ton code
0
Aurelsicoko Messages postés 155 Date d'inscription   Statut Membre Dernière intervention   4
 
Oui déjà essayer mais je t'explique Firework code en javascript puis mon code c'est du html ca colle pas ca doit venir de là je te montre le code avec ifrework et tout :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- saved from url=(0014)about:internet -->
<html>
<head>
<title>contact.jpg</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--Fireworks 8 Dreamweaver 8 target. Created Tue Apr 15 16:52:38 GMT+0200 2008-->
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->



</script>

</head>
<body bgcolor="#ffffff" onLoad="MM_preloadImages('images/contact_r2_c4_f2.jpg','images/contact_r2_c4_f4.jpg','images/contact_r2_c4_f3.jpg','images/contact_r3_c2_f2.jpg','images/contact_r3_c2_f4.jpg','images/contact_r3_c2_f3.jpg','images/contact_r3_c6_f2.jpg','images/contact_r3_c6_f4.jpg','images/contact_r3_c6_f3.jpg','images/contact_r3_c8_f2.jpg','images/contact_r3_c8_f4.jpg','images/contact_r3_c8_f3.jpg');">
<table border="0" cellpadding="0" cellspacing="0" width="1024">
<!-- fwtable fwsrc="contact.png" fwbase="contact.jpg" fwstyle="Dreamweaver" fwdocid = "251700756" fwnested="0" -->
<tr>
<td><img src="images/spacer.gif" width="40" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="202" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="41" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="202" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="39" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="202" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="41" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="202" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="55" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>

<tr>
<td colspan="9"><img name="contact_r1_c1" src="images/contact_r1_c1.jpg" width="1024" height="252" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="252" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3"><img name="contact_r2_c1" src="images/contact_r2_c1.jpg" width="283" height="1" border="0" alt=""></td>
<td rowspan="2"><a href="../studiographisme/realisation.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','contact_r2_c4','images/contact_r2_c4_f2.jpg','images/contact_r2_c4_f4.jpg',1);" onClick="MM_nbGroup('down','navbar1','contact_r2_c4','images/contact_r2_c4_f3.jpg',1);"><img name="contact_r2_c4" src="images/contact_r2_c4.jpg" width="202" height="65" border="0" alt=""></a></td>
<td colspan="5"><img name="contact_r2_c5" src="images/contact_r2_c5.jpg" width="539" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="3"><img name="contact_r3_c1" src="images/contact_r3_c1.jpg" width="40" height="615" border="0" alt=""></td>
<td rowspan="2"><a href="../studiographisme/accueil.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','contact_r3_c2','images/contact_r3_c2_f2.jpg','images/contact_r3_c2_f4.jpg',1);" onClick="MM_nbGroup('down','navbar1','contact_r3_c2','images/contact_r3_c2_f3.jpg',1);"><img name="contact_r3_c2" src="images/contact_r3_c2.jpg" width="202" height="65" border="0" alt=""></a></td>
<td rowspan="3"><img name="contact_r3_c3" src="images/contact_r3_c3.jpg" width="41" height="615" border="0" alt=""></td>
<td rowspan="3"><img name="contact_r3_c5" src="images/contact_r3_c5.jpg" width="39" height="615" border="0" alt=""></td>
<td rowspan="2"><a href="../studiographisme/tarifs.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','contact_r3_c6','images/contact_r3_c6_f2.jpg','images/contact_r3_c6_f4.jpg',1);" onClick="MM_nbGroup('down','navbar1','contact_r3_c6','images/contact_r3_c6_f3.jpg',1);"><img name="contact_r3_c6" src="images/contact_r3_c6.jpg" width="202" height="65" border="0" alt=""></a></td>
<td rowspan="3"><img name="contact_r3_c7" src="images/contact_r3_c7.jpg" width="41" height="615" border="0" alt=""></td>
<td rowspan="2"><a href="../studiographisme/contact.htm" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','contact_r3_c8','images/contact_r3_c8_f2.jpg','images/contact_r3_c8_f4.jpg',1);" onClick="MM_nbGroup('down','navbar1','contact_r3_c8','images/contact_r3_c8_f3.jpg',1);"><img name="contact_r3_c8" src="images/contact_r3_c8.jpg" width="202" height="65" border="0" alt=""></a></td>
<td rowspan="3"><img name="contact_r3_c9" src="images/contact_r3_c9.jpg" width="55" height="615" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="64" border="0" alt=""></td>
</tr>
<tr>

<td rowspan="2"><img name="contact_r4_c4" src="images/contact_r4_c4.jpg" width="202" height="551" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td><img name="contact_r5_c2" src="images/contact_r5_c2.jpg" width="202" height="550" border="0" alt=""></td>
<td><img name="contact_r5_c6" src="images/contact_r5_c6.jpg" width="202" height="550" border="0" alt=""></td>
<td><img name="contact_r5_c8" src="images/contact_r5_c8.jpg" width="202" height="550" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="550" border="0" alt=""></td>
</tr>
<form action="mailto:studiographisme@hotmail.fr" method="post"
enctype="text/plain" name="mail"> <br>
<center>
<br>Votre prenom:<br>
<input name="votre nom"><br>
<br>Votre commande:<br>
<input name="votre commande"><br>
<br>Votre email:<br>
<input name="votre email"><br>
<br>Description de votre commande:<br>
<textarea name="commentaire" rows="2" cols="30"></textarea><br>
<br>
<input type="submit" value="Envoyer">
</form> </center>
</table>
</body>
</html>
0
BartWadela Messages postés 562 Date d'inscription   Statut Membre Dernière intervention   107 > Aurelsicoko Messages postés 155 Date d'inscription   Statut Membre Dernière intervention  
 
Ton code :
<form action="mailto:studiographisme@hotmail.fr" method="post"
enctype="text/plain" name="mail"> <br>
<center>
<br>Votre prenom:<br>
<input name="votre nom"><br>
<br>Votre commande:<br>
<input name="votre commande"><br>
<br>Votre email:<br>
<input name="votre email"><br>
<br>Description de votre commande:<br>
<textarea name="commentaire" rows="2" cols="30"></textarea><br>
<br>
<input type="submit" value="Envoyer">
</form> </center>


après modif. :
<SPAN style="position: absolute; top: 30 px; left: 100px;">
<form action="mailto:studiographisme@hotmail.fr" method="post"
enctype="text/plain" name="mail">
 <br>
<br>Votre prenom:<br>
    <input name="votre nom"><br>
<br>Votre commande:<br>
    <input name="votre commande"><br>
<br>Votre email:<br>
    <input name="votre email"><br>
<br>Description de votre commande:<br>
     <textarea name="commentaire" rows="2" cols="30"></textarea><br>
<br>
    <input type="submit" value="Envoyer">
  </form>
</span> 


apres les 30px en partant du haut tu peux les modifier, et les 100px en partant du bord gauche aussi

Alors ??
0
Aurelsicoko Messages postés 155 Date d'inscription   Statut Membre Dernière intervention   4 > BartWadela Messages postés 562 Date d'inscription   Statut Membre Dernière intervention  
 
Attend j'essaye
0
Aurelsicoko Messages postés 155 Date d'inscription   Statut Membre Dernière intervention   4 > BartWadela Messages postés 562 Date d'inscription   Statut Membre Dernière intervention  
 
C'est passer dessous !!!
0
BartWadela Messages postés 562 Date d'inscription   Statut Membre Dernière intervention   107 > Aurelsicoko Messages postés 155 Date d'inscription   Statut Membre Dernière intervention  
 
<SPAN style="position: absolute; top: 30px; left: 100px;">

en jouant un peu avec la position "top" ca donne pas mieux ??
0