A voir également:
- Crée unezone desaisie dansune image avec html
- Cree un compte google - Guide
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Cree gmail - Guide
- Acronis true image - Télécharger - Sauvegarde
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
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
<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>merci