Alignement champ de formulaire html

Résolu

Aquer Messages postés 60 Date d'inscription Statut Membre Dernière intervention -
Aquer Messages postés 60 Date d'inscription Statut Membre Dernière intervention - 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

A voir également:

Aligner un formulaire html
Whatsapp formulaire opposition - Guide
Formulaire de réclamation facebook - Guide
Editeur html - Télécharger - HTML
Formulaire de reclamation instagram - Guide
Espace html - Astuces et Solutions

3 réponses

Réponse 1 / 3

@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 60 Date d'inscription Statut Membre Dernière intervention 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 168 Date d'inscription Statut Membre Dernière intervention 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

Réponse 3 / 3

Aquer Messages postés 60 Date d'inscription Statut Membre Dernière intervention 1

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

pfdp0 Messages postés 168 Date d'inscription Statut Membre Dernière intervention 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>

Aquer Messages postés 60 Date d'inscription Statut Membre Dernière intervention 1

Oui merci c'est résolu !

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Votre réponse

Discussions similaires