Discussion :

[marouanenet]

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

Code html :

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

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.

[Muchos]

Code html :

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

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

[marouanenet]

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