Discussion :

[boucamleg]

Bonjour

Comme indiqué dans le titre, je rencontre un problème pour aligner des balises label, input et div.

Voici un extrait de mon code :

Code :

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

1
2
3
4
5
6
7
8
 
<p>
      <label for="nom_domaine">Nom du domaine:</label>
      <input type="text" name="nom_domaine" id="nom_domaine" size="10" onkeyup="ctrl_add_domaine(event, 'nom')" />
 
      <div id="admin_controle_nom_domaine">
      </div> <!-- #admin_controle_nom_domaine -->
</p>

Je n'arrive pas à positionner le div à la droite du input.

J'ai réussi cet alignement en remplaçant la balise p par une balise div et en ajoutant la propriété display: inline à cette dernière, mais j'aimerais savoir si c'est réalisable avec la balise p.

Merci d'avance pour votre aide

[FirePrawn]

Bonsoir,

Essaie du côté de float:left.

[boucamleg]

Bonsoir,

Essaie du côté de float:left.

Bonjour

Merci pour ta réponse mais j'ai déjà essayé et la balise div se place avant la balise label.
J'ai aussi essayé avec float:right, mais mon div se place à l'extrême droite de l'écran
Ce que je voudrais c'est la disposition suivante :
label + input + div.

[Invité]

Bonjour,
tu es bien gentil, mais il faudrait peut-être que tu montres ton code css.
(tes essais)

La réponse est (relativement) simple.
Indice : 3 éléments dans le <p> -> 3 éléments à faire flotter.

La solution la plus simple étant encore de remplacer <div> par <span>

[boucamleg]

Bonjour,
tu es bien gentil, mais il faudrait peut-être que tu montres ton code css.
(tes essais)

La réponse est (relativement) simple.
Indice : 3 éléments dans le <p> -> 3 éléments à faire flotter.

La solution la plus simple étant encore de remplacer <div> par <span>

Bonjour

J'ai suivi ton conseil, j'ai remplacé la balise div par la balise span et ça fonctionne

Il est vrai que j'ai mal détaillé mon problème. La valeur de la balise input est comparé avec des enregistrements saisis dans une table d'une base de données, si cette valeur est déjà présente, un message d'erreur s'affiche dans la balise div, maintenant span
Le problème que je rencontrais, était l'alignement des balises label, input et div
J'ai essayé avec la propriété "float" sans succès, seul la propriété "display" avec la valeur "inline" fonctionnait.
Mais la balise span répond mieux à ma demande, car elle n'entraîne pas de saut de ligne.

Merci pour ton aide.