Discussion :

[moimp]

Bonjour,

J'ai le code html suivant:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
			<fieldset id="calendar"><legend>Calendrier</legend>
				<!-- Gérer le calendrier, faire manipulation des dates -->
				<div class="note calendarNote">
					Ce calendrier vous permet de modifier toutes les dates de cette page.
					La date actuellement modifiable est la <span id="calSpan" class="black bold"></span>.<!-- la Date de consultation. -->
					Cliquez sur un autre champ date pour affecter le calendrier à ce nouveau champ.
				</div>
				<div class="calendarMain">
					xxx
				</div>
			</fieldset>

associé au CSS suivant:

Code css :

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

1
2
3
4
#calendar div
{
	display:inline-block;
}

Je ne comprends pas pourquoi mes deux div ne s'affichent pas l'un à côté de l'autre.

[Obi Juan Kenobi]

Bonjour,

Pour que tes 2 div soient côte à côte, tu dois les mettre dans une autre div ayant l'attribut class="maDiv".
Et dans la CSS, tu crées la classe .maDiv {display: flex;}.
La propriété display:inline-block;, je l'utilise quand je fais des menus horizontaux et que je veux faire basculer ma liste d'éléments à l'horizontale.
La propriété display: flex; est plus appropriée pour manipuler les div.

[johanpetrikovsky]

Bonjour à tous,
Au risque de vous contredire JuanKenobi, il est tout à fait possible de mettre deux div côte à côte avec un display:inline-block, c'est ce que j'ai fais avec le code de l'auteur, https://codepen.io/pen/, sans rien modifier d'ailleurs, je suppose qu'un autre paramètre vient changer la done.
Mais je vous rejoins sur le fait qu'en 2020 il est devenu plus normal de faire ça avec un display:flex.

[moimp]

J'utilise aussi flex mais dans les cas simples, je trouve inline-block plus pratique. J'ai résolu mon problème, j'avais un conflit CSS.