[Résolu] Colonnes Formulaires par Madaha - page 1

Bonjour je n'arrive pas a faire deux colonne dans ce formulaire ( Je sais que c'est le bazar dans le css)

Voici le code HTML

<!DOCTYPE>
<html>
	<head> 
	<meta charset="utf-8"/><link rel="stylesheet" href="CSSEXO5Formulaire.css"/>
	<head>
<body>
<form method="post">
	<fieldset><div class="général">
	<div class="colonnec2">
		<legend> Fiche Produit </legend><br> <br>
		<label>  Code Produit</label> <input type="number" size="25"/><br><br>
		<label> Type Produit </label><select name="Tproduit" id="Tproduit">
									<option class="Huile"> Huile</option>									
									<option class="222"> ... </option>									
											</select>
											<br><br>
		<label> Prix Unitaire </label><input type="text" value=""/><br><br>
		<label> Quantité </label><input type="number" value="1"/><br><br>
		<label> Date fin </label> <input type="date" value="12/05/1985"/> <br><br>
		<label> Remarques </label> <input type="text"/> </div>
		<div class="colonnec1"><br/>
		<label> Magasin </label> <br/> <br/>
				<input type="checkbox" name="magasin" id="Carrefour"/> </label for="Carrefour">Carrefour</label><br/>
				<input type="checkbox" name="magasin" id="Auchan"/> </label for="Auchan">Auchan</label><br/>
				<input type="checkbox" name="magasin" id="Casino"/> </label for="Casino"> Casino</label><br/>
				<input type="checkbox" name="magasin" id="Unico"/> </label for="Unico"> Unico</label><br/>
</div>
</form>
</div>
</body>
</html>

le css

legend
{text-decoration:underline;}
label
{display:block;
width:150px;
float:left;}
div
{margin:0;
padding:0;}
/* .général */
{width:100%;
display:block;}
.colonne
{width:50%;
float:left;
height:400px;}

Les deux colonnes du formulaire que je veux faire :

MODIFICATION :

2 heures Après j'ai compris mon Erreur :

J'ai trouver une solution, en mettant dans le css :

.colonnec1
{width:50%;
float:left;}
.colonnec2
{width:50%;float:left;}

-
Edité par Madaha 17 juin 2018 à 11:52:12

Colonnes Formulaires

Colonnes Formulaires

Supprimer

Modérer

Signaler le message aux modérateurs