Positionner des input dans un fieldset

Version imprimable

Bonjour,:ccool:
Voilà un simple code html : où il y a 2 inputs texte :
Code:

1 2 3 4 5 6 7 8 <div style="position:absolute;left:460px;top:100px;width:327px;height:27px;"> Nom destinataire : <span class="requis">*</span> <input type="text" id="nomDestinataire" name="nomDestinataire" size="20" maxlength="20"/> </div> <div class="wa-comp" style="position:absolute;z-index:10010;left:20px;top:140px;width:360px;height:27px;"> adresse expéditeur : <span class="requis">*</span> <input type="text" id="adrExpediteur" name="adrExpediteur" size="20" maxlength="20"/> </div>
Je veux que ces 2 inputs soient entourés d’un cadre <fieldset> et conserve la même position qu’ils ont, c’est tout.
Et Merci d’avance.

Code:

1
2
3
4
5
6
7
8
9
 
<fieldset>
  <legend>Envoyer un mail.</legend>
 
  <label>Nom destinataire : <span class="requis">*</span></label>
    <input type="text" id="nomDestinataire" name="nomDestinataire" />
  <label class="wa-comp">Adresse expéditeur : <span class="requis">*</span></label>
    <input type="text" id="adrExpediteur" name="adrExpediteur" />
</fieldset>

Le rendu visuel variera selon les navigateurs (cadre du fieldset, input…). Voir avec css pour la mise en forme, en acceptant les variations ;)

18/08/2012, 01h52
marouanenet

Merci Muchos.
Mais les inputs n'ont pas la même position que sans <fieldset>.