HTML : texte sur un <input type="image" />

xRayane Messages postés 8 Date d'inscription   Statut Membre Dernière intervention   -  
gamrabde Messages postés 19 Date d'inscription   Statut Membre Dernière intervention   -
Salut !
J'ai un <input type="image" /> et j'aimerais placer un texte à l'intérieur. Je me doute que je peux utiliser z-index mais je vois pas du tout comment placer le texte à l'intérieur.
Merci.
A voir également:

3 réponses

alic
 
Salut, je vais paraître bête mais c'est quoi un input type='image' ?

Si vous avez une image à côté de l'input utilisez juste la balise image, si vous voulez insérer une image à partir d'un explorateur de fichiers cela devrait être un input type='file' car une image est avant tout un fichier.

Pour placer un texte sur une image utilisez un élément contenant les 2: texte et image et vous positionnez le texte avec CSS. Vous n'aurez pas besoin de z-index, le texte chevaucheras automatiquement l'image.

Par exemple:
<img src='machin.png' /><p style='position:relative;left:-2em;top:-24%;'>Mon texte <p/><!-- bien sûr mon placement est un peu n'importe quoi, à vous de le régler comme il faut -->
1
gamrabde Messages postés 19 Date d'inscription   Statut Membre Dernière intervention   11
 
Salut,

Pour vous aider à connaitre input type image regarde ceci:
http://apprendre-creer-sites.com/balises/HTML-attribut-type-balise-input.php#image
0
xRayane Messages postés 8 Date d'inscription   Statut Membre Dernière intervention  
 
La balise <input type="image" /> est comme un balise <img src="" /> mais qui sert à valider un formulaire : je veux utiliser cette technique. Et le positionnement relatif me semble assez aléatoire ...
0
xRayane Messages postés 8 Date d'inscription   Statut Membre Dernière intervention  
 
J'ai plus besoin en fait, merci quand même.
0