Crée unezone desaisie dansune image avec html
Raouf_Tony_M
-
vinc -
vinc -
Bonjour,
je voufré savoire comment crée une zone de saisie dans une image avec html
car je suis nv dans le domaine et je ne métrise pas bien HTML ci vs pouvez m'aidé ca sersuper de votre pare
mrc d'avance !!!
je voufré savoire comment crée une zone de saisie dans une image avec html
car je suis nv dans le domaine et je ne métrise pas bien HTML ci vs pouvez m'aidé ca sersuper de votre pare
mrc d'avance !!!
1 réponse
-
c'est plus du css que du html
Tu crée un champ de saisie standard : input ou textarea (tu trouvera tout sur google)
tu met une image
tu imbrique tout cela dans une div
tu positionne (en css) tes éléments de manière à ce que le champ soit dans l'image
En jouant avec le css, tu peux rendre le champ transparent-
Un exemple de code à adapter, je t'ai mit des bordures pour que tu voie où sont les différents éléments
<head> <style> /* Style de l'élément div*/ #id-conteneur { /* Dimensions*/ width:260px; height:260px; /* Position*/ position:relative;/* Ce composant se placera normalement, mais servira de référence au placement des autres */ /* Bordure*/ border: 1px red solid; } /* Style de l'image*/ #id-conteneur img { /* Dimensions*/ width:250px; height:250px; /* Position*/ position: absolute;/* premet de définir la position avec top, left, bottom, right */ top:5px; left:5px; /* Bordure*/ border: 1px blue solid; } /* Style du champ*/ #id-conteneur textarea { /* Dimensions*/ width:150px; height:150px; /* Position*/ position: absolute; top:55px; left:55px; /* Bordure*/ border: 1px darkblue solid; /* Transparence du fond*/ background: transparent; } </style> </head> <body> <div id="id-conteneur"> <img src="url-image.truc" /> <textarea rows="5" cols="5"> </textarea> </div> </body> -
-
-
-
-
