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

A voir également:

Aligner un formulaire html
Whatsapp formulaire opposition - Guide
Formulaire de réclamation facebook compte désactivé - Guide
Editeur html - Télécharger - HTML
Un formulaire rempli - Guide
Formulaire de reclamation instagram - Guide

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 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

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...

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>

Aquer Messages postés 76 Statut Membre 1

Oui merci c'est résolu !

Discussions similaires

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

Aligner un texte avec son image

image et texte sur même ligne (HTML)

Problème avec Google Chrome

Contacter le "bon coin"

Discussions similaires

Newsletters