Alignement champ de formulaire html

Résolu/Fermé

Aquer Messages postés 60 Date d'inscription mercredi 15 août 2012 Statut Membre Dernière intervention 27 août 2012 - Modifié par Aquer le 15/08/2012 à 19:49
Aquer Messages postés 60 Date d'inscription mercredi 15 août 2012 Statut Membre Dernière intervention 27 août 2012 - 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 ?

A voir également:

Aligner un formulaire html
Editeur html - Télécharger - HTML
Html download - Télécharger - HTML
Formulaire de réclamation facebook - Guide
Image cliquable html ✓ - Forum Réseaux sociaux
Br html ✓ - Forum Webmastering

3 réponses

Réponse 1 / 3

@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
15 août 2012 à 19:53

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 60 Date d'inscription mercredi 15 août 2012 Statut Membre Dernière intervention 27 août 2012 1
15 août 2012 à 19:55

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 168 Date d'inscription jeudi 22 décembre 2011 Statut Membre Dernière intervention 16 janvier 2018 12
15 août 2012 à 23:39

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

Aquer Messages postés 60 Date d'inscription mercredi 15 août 2012 Statut Membre Dernière intervention 27 août 2012 1
15 août 2012 à 23:42

cela ne marche pas enfin les inpur text ne s'alligne pas mais c'est bien les label <p> Code, Désignation...

pfdp0 Messages postés 168 Date d'inscription jeudi 22 décembre 2011 Statut Membre Dernière intervention 16 janvier 2018 12
16 août 2012 à 00:25

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>

Aquer Messages postés 60 Date d'inscription mercredi 15 août 2012 Statut Membre Dernière intervention 27 août 2012 1
16 août 2012 à 01:17

Oui merci c'est résolu !

Discussions similaires

Compte HOTMAIL bloqué . Que faire ?

&nbsp ; Quelle Fonction ?

Espace en HTML

Contacter le "bon coin"

la balise <br> ou <br />

Discussions similaires

Newsletters