Crée unezone desaisie dansune image avec html

Fermé

Raouf_Tony_M - 13 juin 2011 à 01:42
vinc - 22 juin 2011 à 13:17

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 !!!

A voir également:

Crée unezone desaisie dansune image avec html
Cree un compte google - Guide
Image iso - Guide
Editeur html - Télécharger - HTML
Acronis true image - Télécharger - Sauvegarde
Cree gmail - Guide

1 réponse

Réponse 1 / 1

vinc
13 juin 2011 à 09:25

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

vinc
Modifié par vinc le 13/06/2011 à 09:42

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>

raouf_tony_m
15 juin 2011 à 01:27

mrc ca ma bcp aider !!!!

vinc
16 juin 2011 à 12:43

pense au résolu alors

raouf_tony_m
16 juin 2011 à 20:11

je voudrai savoir comment mettre une zone de mot de passe sur une image????
merci

vinc
22 juin 2011 à 13:17

<input type="password" ...

Discussions similaires

PIX

la balise ou

ou ou