HTML : texte sur un <input type="image" />
xRayane
Messages postés
9
Statut
Membre
-
gamrabde Messages postés 19 Statut Membre -
gamrabde Messages postés 19 Statut Membre -
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.
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.
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 --> -
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 ...
-
