loic_02800 Dehors les boulets :o | Salut a tous
J'ai un petit code dans une page de contact sur un site que j'ai fait :
Code :
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
- <!--
- -->
- <html>
- <head>
- <title>Demouss'net, nettoyage et entretien de pierres tombales, monuments funéraires, démoussage </title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
- <style type="text/css">
- <!--
- body {
- margin-left: 0px;
- margin-top: 0px;
- margin-right: 0px;
- margin-bottom: 0px;
- background-image: url(images/bg.gif);
- background-repeat:repeat-x;
- background-color: #f5f7ea;
- }
- -->
- </style>
- <link href="styles.css" rel="stylesheet" type="text/css">
- <script language="JavaScript" type="text/JavaScript">
- <!--
- 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];}}
- }
- function MM_swapImgRestore() { //v3.0
- var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
- }
- 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_swapImage() { //v3.0
- var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
- if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
- }
- //-->
- </script>
- <style type="text/css">
- <!--
- .Style1 {font-size: 11px; font-style: normal; color: #000000; font-family: Arial, Helvetica, sans-serif;}
- .Style2 {font-size: 11px; font-style: normal; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
- -->
- </style>
- <link href="formulaire.css" rel="stylesheet" type="text/css" />
- </head>
- <body onLoad="MM_preloadImages('images/flecheGhover.gif','images/flecheDhover.gif')">
- <table width="798" border="0" align="center" cellpadding="0" cellspacing="0" class="bordure">
- <tr>
- <td width="19" valign="middle" background="images/bg2Gauche.gif"><img src="images/bg2Gauche.gif" width="19" height="1"></td>
- <td width="768"><table width="760" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td width="184"><img src="images/header.jpg" width="278" height="114"></td>
- <td width="482"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="482" height="114">
- <param name="movie" value="images/animHeader.swf">
- <param name="quality" value="high">
- <embed src="images/animHeader.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="482" height="114"></embed>
- </object></td>
- </tr>
- <tr>
- <td colspan="2"><table width="760" border="0" cellpadding="0" cellspacing="0" background="images/menuBg.gif">
- <tr>
- <td width="97"><img src="images/menuGauche.gif" width="97" height="33"></td>
-
- <td><div align="center" class="menu"><a href="index.htm">Accueil</a></div></td>
-
- <td width="37"><img src="images/separateur.gif" width="37" height="33"></td>
-
- <td><div align="center" class="menu"><a href="Presentation.htm">Présentation</a></div></td>
-
- <td width="37"><img src="images/separateur.gif" width="37" height="33"></td>
-
- <td><div align="center" class="menu"><a href="Services.htm">Nos réalisations</a></div></td>
-
- <td width="37"><img src="images/separateur.gif" width="37" height="33"></td>
-
- <td><div align="center" class="menu"><a href="Tarifs.htm">Tarifs</a></div></td>
-
- <td width="37"><img src="images/separateur.gif" width="37" height="33"></td>
-
- <td><div align="center" class="menu"><a href="Contact.htm">Contact</a></div></td>
-
- <td width="37"><img src="images/separateur.gif" width="37" height="33"></td>
-
-
- </tr>
- </table></td>
- </tr>
- <tr valign="top">
- <td colspan="2"><table width="760" height="100%" border="0" cellpadding="0" cellspacing="0">
- <tr>
- <td colspan="3"><img src="images/header3.gif" width="760" height="55"></td>
- </tr>
- <tr>
- <td width="145" height="4"><img src="images/bgGauche.gif" width="145" height="4"></td>
- <td width="533" height="4"><img src="images/bgTexte.gif" width="533" height="4"></td>
- <td width="82" height="4"><img src="images/bgDroit.gif" width="82" height="4"></td>
- </tr>
- <tr>
- <td valign="top" background="images/bgGauche.gif"><div align="center">
- <table width="145" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td height="23" align="center" class="menu3">NOS PRESTATIONS</a></td>
- </tr>
- <tr>
- <td align="center"><img src="images/separateurMenuGauche.gif" width="145" height="2"></td>
- </tr>
- <tr>
- <td height="23" align="center" class="menu"><a href="#"></a></td>
- </tr>
- <tr>
- <td align="center"><img src="images/separateurMenuGauche.gif" width="145" height="2"></td>
- </tr>
- <tr>
- <td height="23" align="center" class="menu2"><a href="Tombes.htm">Nettoyage et entretien de tombes</a></td>
- </tr>
- <tr>
- <td align="center"><img src="images/separateurMenuGauche.gif" width="145" height="2"></td>
- </tr>
- <tr>
- <td height="23" align="center" class="menu"><a href="#"></a></td>
- </tr>
- <tr>
- <td align="center"><img src="images/separateurMenuGauche.gif" width="145" height="2"></td>
- </tr>
- <tr>
- <td height="23" align="center" class="menu2"><a href="Toiture.htm">Démoussage et protection des toitures</a></td>
- </tr>
- <tr>
- <td align="center"><img src="images/separateurMenuGauche.gif" width="145" height="2"></td>
- </tr>
- <tr>
- <td height="23" align="center" class="menu"><a href="#"></a></td>
- </tr>
- <tr>
- <td align="center"><img src="images/separateurMenuGauche.gif" width="145" height="2"></td>
- </tr>
- <tr>
- <td height="23" align="center" class="menu2"><a href="Facade.htm">Nettoyage et protection des façades</a></td>
- </tr>
- <tr>
- <td align="center"><img src="images/separateurMenuGauche.gif" width="145" height="2"></td>
- </tr>
- <tr>
- <td height="23" align="center" class="menu"><a href="#"></a></td>
- </tr>
- <tr>
- <td align="center"><img src="images/separateurMenuGauche.gif" width="145" height="2"></td>
- </tr>
- <tr>
- <td height="23" align="center" class="menu2"><a href="Graffitis.htm">Nettoyage de tags et graffitis</a></td>
- </tr>
- <tr>
- <td align="center"><img src="images/separateurMenuGauche.gif" width="145" height="2"></td>
- </tr>
- <tr>
- <td height="23" align="center" class="menu2"><a href="#"></a></td>
- </tr>
- <tr>
- <td align="center"><img src="images/separateurMenuGauche.gif" width="145" height="2"></td>
- </tr>
-
- </table>
- <p><br>
- <br>
- </p>
- </div></td>
- <td valign="top" background="images/bgTexte.gif">
- <table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
- <tr>
- <td width="455" valign="top">
-
-
- <p class="texte2">
- <br>
- Vous avez un besoin particulier, n'hésitez pas à
- nous remplir le formulaire suivant,
- <br>
- Nous vous contacterons dans les plus brefs délais ! </p>
- <form method="post" action="traitement.php">
- <fieldset id="coordonnees">
-
- <p id="civilite"><label>Civilité : </label>
- <input type="radio" name="civilite" value="M." />M.
- <input type="radio" name="civilite" value="Mlle" />Mlle
- <input type="radio" name="civilite" value="Mme" />Mme
- </p>
- <label>Nom : </label>
- <input type="text" name="nom" size="30" /><br />
- <label>Adresse : </label>
- <input type="text" name="adresse" size="30" /><br />
- <label>Code postal : </label>
- <input type="text" name="codepostal" size="30" /><br />
- <label>Ville : </label>
- <input type="text" name="ville" size="30" /><br />
- <p id="interets"><label>Objet de la demande: </label>
- <input type="checkbox" name="interets[]" value="tombes" />Tombes
- <input type="checkbox" name="interets[]" value="toitures" />Toiture
- <input type="checkbox" name="interets[]" value="demoussage" />Demoussage
- <input type="checkbox" name="interets[]" value="entretien" />Entretien
- </p>
- </fieldset>
- <p class="soustitre">Message</p>
- <fieldset id="message">
- <textarea name="comments" rows="5" cols="40"></textarea>
- </fieldset>
- <p id="buttons">
- <input type="submit" value="Envoyer" />
- <input type="reset" value="Recommencer" />
- </p>
- </form>
- <DIV id=champO
- style="PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 380px; COLOR: silver; PADDING-TOP: 0px; FONT-FAMILY: arial,sans-serif">*
- champs obligatoires. Vous disposez d'un droit d'accès, de modification,
- suppression, et rectification de vos données conformément à la loi. Pour
- l'exercer, <a href="mailto:frederick.pertrot@orange.fr">écrivez nous :</a>
- .<BR>La societé Frederick Pertrot s'engage à ne jamais communiquer vos données
- personnelles à un tiers. </DIV></DIV>
- </DIV></td>
- <td width="140" valign="top"><div align="left"><br>
- <table width="120" height="17" border="0" cellpadding="0" cellspacing="0">
-
- <td colspan="1"><div align="left">
- <br>
- <br>
- <br>
- <br>
- <center>Frédérick Pertrot
- <br>3 rue du Puits Marquet
- <br>02440 Ly-Fontaine
- <br>Tél:03 23 67 68 34
- <br>ou 06 80 28 81 16
- </center>
- <tr>
-
- </tr>
- </table>
- </div></td>
- </tr>
- </table></td>
- <td background="images/bgDroit.gif"> </td>
- </tr>
- <tr>
- <td colspan="3"><img src="images/bas.gif" width="760" height="26" border="0" usemap="#Map"></td>
- </tr>
- </table> </td>
- </tr>
- </table></td>
- <td width="40" valign="middle" background="images/bg2Droit.gif"><img src="images/bg2Droit.gif" width="19" height="1"></td>
- </tr>
- </table>
- <map name="Map">
- <area shape="rect" coords="581,7,708,19" href="xxxxxx" target="_blank">
- </map>
- </body>
- </html>
|
Si vous regardez la :
Vous verez que j'ai des champs décalés sur al gauche, et y'a pas moyen que ej trouve ou j'ai oublié ou mis en trop une balise
Si vous saute aux yeux, moi c'est pas le cas, merci de me tuyauter !
A bientot  |