Alignement champ de formulaire html

Résolu

Aquer Messages postés 76 Statut Membre -
Aquer Messages postés 76 Statut Membre - 16 août 2012 à 01:17

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 ?

Afficher la suite

3 réponses

@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription Statut Membre Dernière intervention 208

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

Aquer Messages postés 76 Statut Membre 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
pfdp0 Messages postés 191 Statut Membre 12

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
0
Réponse 3 / 3
Aquer Messages postés 76 Statut Membre 1

cela ne marche pas enfin les inpur text ne s'alligne pas mais c'est bien les label <p> Code, Désignation...
0
1. pfdp0 Messages postés 191 Statut Membre 12
  
  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>
  
  0
2. Aquer Messages postés 76 Statut Membre 1
  
  Oui merci c'est résolu !
  
  0

Alignement champ de formulaire html

3 réponses

Discussions similaires

Newsletters