Champ de texte ( Formulaire )
Fermé
ciranox 9
Messages postés
170
Date d'inscription
mardi 10 mars 2009
Statut
Membre
Dernière intervention
22 octobre 2014
-
21 juin 2010 à 22:16
ciranox 9 Messages postés 170 Date d'inscription mardi 10 mars 2009 Statut Membre Dernière intervention 22 octobre 2014 - 21 juin 2010 à 23:55
ciranox 9 Messages postés 170 Date d'inscription mardi 10 mars 2009 Statut Membre Dernière intervention 22 octobre 2014 - 21 juin 2010 à 23:55
A voir également:
- Champ de texte ( Formulaire )
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Formulaire de réclamation facebook - Guide
- Excel cellule couleur si condition texte - Guide
- Transcription audio en texte word gratuit - Guide
- Texte annonce hôtesse de l'air décollage ✓ - Forum Réseaux sociaux
6 réponses
Hoeneim
Messages postés
302
Date d'inscription
samedi 2 février 2008
Statut
Membre
Dernière intervention
4 octobre 2014
56
21 juin 2010 à 23:30
21 juin 2010 à 23:30
Ton image doit être en arrière plan.
ciranox 9
Messages postés
170
Date d'inscription
mardi 10 mars 2009
Statut
Membre
Dernière intervention
22 octobre 2014
14
21 juin 2010 à 23:33
21 juin 2010 à 23:33
Merci de m'avoir répondu.
Mon image est déjà en arrière plan .
Mon image est déjà en arrière plan .
Hoeneim
Messages postés
302
Date d'inscription
samedi 2 février 2008
Statut
Membre
Dernière intervention
4 octobre 2014
56
21 juin 2010 à 23:34
21 juin 2010 à 23:34
A quoi ressemble le code ? D'après ce que tu dis dans ton premier message j'ai beaucoup de mal à imaginer ce que tu as fais.
ciranox 9
Messages postés
170
Date d'inscription
mardi 10 mars 2009
Statut
Membre
Dernière intervention
22 octobre 2014
14
21 juin 2010 à 23:40
21 juin 2010 à 23:40
Il y a pas beaucoup de code parce le Design du formulaire à été fait sur photoshop.
Je voudrais positionner un champ de texte sur l'image .
code html:
<body>
<div id="main">
<div id="test_image_formulaire_aplatir">
</div>
<form id="form1" name="form1" method="post" action="">
nom
<input type="text" name="nom" id="nom" tabindex="1" />
</form>
<br class="clearfloat" />
</div>
code css:
body {
background-color: #ffffff;
margin:0px;
padding:0px;
}
.p {
margin:0px;
padding:0px;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
text-align: inherit;
color: inherit;
line-height: inherit;
vertical-align: top;
}
p {
padding-top:0px;
margin-top:0px;
}
img {
border:0px;
}
div {
margin:0px;
padding:0px;
font-family:verdana; font-size:12px;
}
.AbsWrap {
width: 100%;
position: relative;
}
.rowWrap {
width: 100%;
}
.clearfloat {
clear:both;
height:0px;
}
a:link, a:visited{
COLOR:inherit;
text-decoration:inherit;
}
#main {
width:540px;
margin: 0px auto 0px 0px;
border: 0px solid #f0f0f0;
}
#test_image_formulaire_aplatir {
margin-left:0px;
margin-top:0px;
width:540px;
height:369px;
margin-bottom:0px;
float:left;
display:inline;
background-image: url(images/test%20image%20formulaire%20aplatir%20.gif);
overflow:hidden;
}
Je voudrais positionner un champ de texte sur l'image .
code html:
<body>
<div id="main">
<div id="test_image_formulaire_aplatir">
</div>
<form id="form1" name="form1" method="post" action="">
nom
<input type="text" name="nom" id="nom" tabindex="1" />
</form>
<br class="clearfloat" />
</div>
code css:
body {
background-color: #ffffff;
margin:0px;
padding:0px;
}
.p {
margin:0px;
padding:0px;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
text-align: inherit;
color: inherit;
line-height: inherit;
vertical-align: top;
}
p {
padding-top:0px;
margin-top:0px;
}
img {
border:0px;
}
div {
margin:0px;
padding:0px;
font-family:verdana; font-size:12px;
}
.AbsWrap {
width: 100%;
position: relative;
}
.rowWrap {
width: 100%;
}
.clearfloat {
clear:both;
height:0px;
}
a:link, a:visited{
COLOR:inherit;
text-decoration:inherit;
}
#main {
width:540px;
margin: 0px auto 0px 0px;
border: 0px solid #f0f0f0;
}
#test_image_formulaire_aplatir {
margin-left:0px;
margin-top:0px;
width:540px;
height:369px;
margin-bottom:0px;
float:left;
display:inline;
background-image: url(images/test%20image%20formulaire%20aplatir%20.gif);
overflow:hidden;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Hoeneim
Messages postés
302
Date d'inscription
samedi 2 février 2008
Statut
Membre
Dernière intervention
4 octobre 2014
56
21 juin 2010 à 23:48
21 juin 2010 à 23:48
Ta div "<div id="test_image_formulaire_aplatir"></div> est vide donc effectivement elle ne contient pas ton formulaire.
Ce code devrait fonctionner.
Tu peux aussi virer ta div "test_image_formulaire_aplatir" et paramétrer ton css pour que l'image apparaisse dans la div "main".
Ce code devrait fonctionner.
<div id="main"> <div id="test_image_formulaire_aplatir"> <form id="form1" name="form1" method="post" action=""> nom <input type="text" name="nom" id="nom" tabindex="1" /> </form> <br class="clearfloat" /> </div></div>
Tu peux aussi virer ta div "test_image_formulaire_aplatir" et paramétrer ton css pour que l'image apparaisse dans la div "main".
ciranox 9
Messages postés
170
Date d'inscription
mardi 10 mars 2009
Statut
Membre
Dernière intervention
22 octobre 2014
14
21 juin 2010 à 23:55
21 juin 2010 à 23:55
Merci beaucoup ça marche
(problème résolu).
(problème résolu).
