HTML : texte sur un <input type="image" />
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 -
gamrabde Messages postés 19 Date d'inscription lundi 19 juillet 2010 Statut Membre Dernière intervention 1 juin 2015 -
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 -->
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
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 ...
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
30 avril 2013 à 19:00
J'ai plus besoin en fait, merci quand même.
1 mai 2013 à 15:00
Pour vous aider à connaitre input type image regarde ceci:
http://apprendre-creer-sites.com/balises/HTML-attribut-type-balise-input.php#image