Discussion :

[MxPx_23]

J'essais d'ajouter 2 éléments '<div>' à l'intérieur d'un '<div>' principale. Le problème que j'ai est que le 2ième élément apparaît en dessous du premier élément tandis que je voudrais qu'il soit à côté de ce dernier. Pourtant, la grosseur du DIV principale est suffisament grande. Quelqu'un peut m'aider ?

Code :

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

1
2
3
 
      document.getElementById(selectedDiv).appendChild(elem);
      document.getElementById(selectedDiv).appendChild(elem2);

[Swoög]

sans en savoir plus sur tes elem ça va être dur ^^

[lalouve]

Essaie ça si tu veux elem tout à gauche et elem2 tout à droite

Code :

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

1
2
3
4
document.getElementById(selectedDiv).appendChild(elem);
document.getElementById(selectedDiv).appendChild(elem2);
elem.setAttribute("style", "float:left;");
elem2.setAttribute("style", "float:right;");

et

Code :

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

1
2
3
4
document.getElementById(selectedDiv).appendChild(elem);
document.getElementById(selectedDiv).appendChild(elem2);
elem.setAttribute("style", "float:left;");
elem2.setAttribute("style", "float:left;");

si tu veux qu'ils soient côte à côte alignés à gauche, dans selectedDiv.

++

[javatwister]

eh oui, par défaut, div est une balise de type bloc;

[siddh]

Pour ajouter une précision sur les deux derniers messages :

Le type de boite block provoque un retour a la ligne avant et apres l'élément en question.
Tu a aussi le type "inline" comme les spans par exemple qui ne font pas ça.

Pour ta solution, tu pourrais éventuellement mettre des spans au lieu des divs.
Cela éviterais de créer des divs pour rien.

[MxPx_23]

Le problème était en effet le display:block au lieu de inline.

Merci beaucoup.

Est-ce mieux d'utilisé des spans au lieu des divs ?

[Swoög]

Est-ce mieux d'utilisé des spans au lieu des divs ?

un span est jamais qu'un div avec display à inline et inversement, un div est un span avec un display à block... [façon de parler ]

donc tant qu'à faire utiliser un div inline, autant prendre un span ^^

[MxPx_23]

C'est si facile à comprendre quand c'est bien expliqué

Merci