Discussion :

[moimp]

Bonjour,
J'ai une structure avec flex qui fonctionne bien en général mais pas ici. Je ne vois pas pourquoi.
Je souhaite mettre côte à côte le fieldset (ligne 2 du code html) et le div (ligne 8 du code html). Mais actuellement le div se place en-dessous du fieldset.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.formFlex
{
	display:flex;
	justify-content:start;
	padding-top:10px;
	padding:5px;
	width:auto;
}
.formFlex>div, .formFlex>fieldset
{
	margin-right:20px;
}
.formFlex label
{
	width:8rem;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
	<div class="formflex">
		<fieldset><legend>Critères de filtrage des données à exporter</legend>
			<label><span>Représentant</span><?= $lstAgent; ?></label><br>
			<label><span>Filtre</span><?= $lstFilter; ?></label><br>
			<label><span>Pays</span><?= $lstCountry; ?></label><br>
			<label><span>Code postal</span><input type="text" name="zipcode"></label><br>
		</fieldset>
		<div>
			xxx
		</div>
	</div>

[moimp]

Ne vous fatiguez pas, c'est bon j'ai trouvé. J'ai une faute d'orthographe dans le nom de la classe ('formflex' au mieu de 'formFlex').