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

Fermé
xRayane Messages postés 8 Date d'inscription mardi 25 décembre 2012 Statut Membre Dernière intervention 30 avril 2013 - 30 avril 2013 à 18:28
gamrabde Messages postés 19 Date d'inscription lundi 19 juillet 2010 Statut Membre Dernière intervention 1 juin 2015 - 1 mai 2013 à 15:00
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

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 lundi 19 juillet 2010 Statut Membre Dernière intervention 1 juin 2015 11
1 mai 2013 à 15:00
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 mardi 25 décembre 2012 Statut Membre Dernière intervention 30 avril 2013
30 avril 2013 à 18:39
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 mardi 25 décembre 2012 Statut Membre Dernière intervention 30 avril 2013
30 avril 2013 à 19:00
J'ai plus besoin en fait, merci quand même.
0