Alignement champ de formulaire html [Résolu/Fermé]

Signaler
Messages postés
60
Date d'inscription
mercredi 15 août 2012
Statut
Membre
Dernière intervention
27 août 2012
 -
Messages postés
60
Date d'inscription
mercredi 15 août 2012
Statut
Membre
Dernière intervention
27 août 2012
 -
Bonjour j'aimerais aligné des champ de formulaire html comment faire donc voici un Screenshots:
http://img15.hostingpics.net/pics/417706screen1.png
Vous voyez les champ blanc il sont aligné comment le faire ?

3 réponses

Réponse 1 / 3
Messages postés
1390
Date d'inscription
dimanche 1 juillet 2012
Statut
Membre
Dernière intervention
14 décembre 2012
 201
Bonjour, en se servant de position absolute 

{
position: absolute;
left: 150px;
}


avec left, right il vont tous s'aligner.
Note importante il faut mettre le formulaire dans une div en position relative pour éviter qu'il y ai des variation d'un écran à un autre
Signaler
Messages postés
60
Date d'inscription
mercredi 15 août 2012
Statut
Membre
Dernière intervention
27 août 2012
 1
Merci cela ne fonctionne pas ! 
<?php
if(isset($_POST['Code_barre']) && isset($_POST['Designation']) && isset($_POST['Rayon']) && isset($_POST['Famille']) && isset($_POST['Poids']) && isset($_POST['Point_de_fidelite']) && isset($_POST['Date_de_sortie']) && isset($_POST['Prix_de_reprise'])&& isset($_POST['Tva']) && isset($_POST['Vente_TTC'])&& isset($_POST['Vente_HT'])&& isset($_POST['Stock'])&& isset($_POST['Neuf'])&& isset($_POST['Occasions']) && $_POST['Code_barre'] != "" && $_POST['Designation'] != "" && $_POST['Rayon'] != "" && $_POST['Famille'] != "" && $_POST['Poids'] != "" && $_POST['Point_de_fidelite'] != "" && $_POST['Date_de_sortie'] != "" && $_POST['Prix_de_reprise'] != "" && $_POST['Tva'] != "" && $_POST['Vente_TTC'] != "" && $_POST['Vente_HT'] != "" && $_POST['Stock'] != "" && $_POST['Neuf'] != "" && $_POST['Occasions'] != ""){]
    $Code_barre = $_POST['Code_barre']; 
    $Designation =$_POST['Designation']; 
	$Rayon = $_POST['Rayon']; 
	$Famille =$_POST['Famille']; 
	$Poids = $_POST['Poids']; 
	$Point_de_fidelite = $_POST['Point_de_fidelite']; 
	$Date_de_sortie = $_POST['Date_de_sortie']; 
    $Prix_de_reprise = $_POST['Prix_de_reprise']; 
	$Stock = $_POST['Stock']; 
	$Neuf = $_POST['Neuf']; 
	$Occasions= $_POST['Occasions']; 
 $connect= mysql_connect('localhost','articles','31p71h49') or die('Impossible de se connecter au serveur MySQL');
    mysql_select_db("articles");  
    mysql_query("INSERT INTO articles (Code_barre,Designation,Rayon,Famille,Poids,Point_de_fidelite,Date_de_sortie,Prix_de_reprise,Stock,Neuf,Occasions)VALUES('$Code_barre','$Designation','$Rayon','$Famille','$Poids','$Point_de_fidelite','$Date_de_sortie','$Prix_de_reprise','$Tva','$Vente_TTC','$Vente_HT','$Stock','$Neuf','Occasions')");
	}
?>
<!DOCTYPE html>
<html>
    <head>
	<LINK rel="stylesheet" type="text/css" href="style.css">
        <meta charset="utf-8" />
        <title>Nouvel articles-CashProg</title>
    </head>

    <body>
	 <fieldset>
<form method="POST" action="nouveauxarticle.php">
<p><font color="red">/!\ Tous les champs doivent être remplis /!\</font></p>
<p>Code barre</p>
<input type="text" name="Code_barre"/>
<p>Designation</p>
<input type="text" name="Designation"/>
<p>Rayon</p>
<input type="text" name="Rayone"/>
<p>Famille</p>
<input type="text" name="Famille"/>
<p>Poids</p>
<input type="text" name="Poids"/>
<p>Point de fidelite</p>
<input type="text" name="Point_de_fidelite"/>
<p>Date de sortie</p>
<input type="text" name="Date_de_sortie"/>
<p>Prix de reprise</p>
<input type="text" name="Prix_de_reprise"/>
<form><SELECT name="Tva" size="1">
<OPTION>0
<OPTION>2.1
<OPTION>5.5
<option>7
<option>19.6
<p>Vente TTC</p>
</form>
<input type="text" name="Vente_TTC"/>
<p>Vente HT</p>
<input type="text" name="Vente_HT"/>
<p>Stock</p>
<input type="text" name="Stock"/>
<FORM>
<INPUT type="checkbox" name="Neuf" value="1"> Neuf
<INPUT type="checkbox" name="Occasions" value="2"> Occasions
</FORM>
<input type="submit" name="Validez" value="Valider"/>
</form>
 </fieldset>
</body>
</html>

STYLE.CSS 

body
{
background: #E7FCAD; 
}
div
{
position: absolute;
left: 150px;
}
Réponse 2 / 3
Messages postés
168
Date d'inscription
jeudi 22 décembre 2011
Statut
Membre
Dernière intervention
16 janvier 2018
 11
Bonsoir,

il faut que tu crées un tableau,
voici où tu peux apprendre: https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Réponse 3 / 3
Messages postés
60
Date d'inscription
mercredi 15 août 2012
Statut
Membre
Dernière intervention
27 août 2012
 1
cela ne marche pas enfin les inpur text ne s'alligne pas mais c'est bien les label <p> Code, Désignation...
Signaler
Messages postés
168
Date d'inscription
jeudi 22 décembre 2011
Statut
Membre
Dernière intervention
16 janvier 2018
 11
il te faut créer un TABLEAU
exemple de tableau: 
<table>
  <tr>
    <td>moi</td>
    <td>toi</td>
  </tr>
  <tr>
    <td>lui</td>
    <td>nous</td>
  </tr>
</table>
Signaler
Messages postés
60
Date d'inscription
mercredi 15 août 2012
Statut
Membre
Dernière intervention
27 août 2012
 1
Oui merci c'est résolu !
Posez votre question