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 -
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.
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:
- Input type image
- Editeur html - Télécharger - HTML
- Espace en html ✓ - Forum HTML
- Espace html ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- /Var/www/html/index.html ✓ - Forum Linux / Unix
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 -->
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 -->
Pour vous aider à connaitre input type image regarde ceci:
http://apprendre-creer-sites.com/balises/HTML-attribut-type-balise-input.php#image