Span et champ texte

**DjChat** · 22/04/2008, 20h40

Bonjour a tous, je voudrais, positionner 4 champs text et un bouton qui doivent etre l'un en-desous de l'autres avec un espacement verticale entre eux de 30px et je voudrais qu'il ce situe a 120px de la marge gauche.

Je les ai mi dans des balises span mais ca ne fonctionne pas, j'pense pas mettre trompé en les mettant dans des balises span, mais plutot dans ma configuration de mon css...

Pouvez vous m'aider?

Mon code HTML:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<body>
 
<div id="conteneur">
 
<form method="post" target="contenu" action="../script/contact.php"  name="client" onsubmit="return verif_email();">
 
 
 
<span>
 
<input name="nom" type="text" id="nom" onblur="MM_validateForm('nom','','R');return document.MM_returnValue" />
 
</span>
 
<span>
 
<input name="telephone" type="text" id="telephone"/>
 
</span> 
 
 <span>
 
<input name="email" type="text" id="email"/>
 
</span>
 
<span>
 
<textarea name="message" cols="18" rows="4" id="message" onblur="MM_validateForm('message','','R');return document.MM_returnValue"></textarea>
 
</span>
 
<span>
 
<br />
<input type="submit" name="Submit" value="Envoyer">
 
</span>
 
<p>&nbsp; </p>
</form>
 
 
</div>
 
</body>

Mon code CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
{
    list-style-type: none;
    margin : 0px;
    padding:0px;
}
 
body{
 
    height: 100%;
    margin: 0;
    padding: 0;
}
 
 
#conteneur{
    width: 460px;
    height: 470px;
    background-image: url(../images/contact.jpg);
 
}
 
 
span {
    margin-top: 30px;
margin-left: 120px;
}

Merci d'avance!!!

**DjChat** · 22/04/2008, 21h25

Bon ben tout compte fait je les ai mi dans une classe et c'est resolu...

Par contre si quelqu'un peux m'expliquer mon erreur avec le span je suis preneur...

**12monkeys** · 22/04/2008, 21h58

Bonsoir

Envoyé par DjChat

Par contre si quelqu'un peux m'expliquer mon erreur avec le span je suis preneur...

l'élément span est un élément inline (en ligne) ce qui signifie que par défaut ils s'affichent les uns a coté des autres. On ne peut pas mettre une marge haute ou basse à un élément span.

Quelque lecture :

Certains éléments HTML, qui peuvent apparaître dans l'élément BODY, sont dits être de niveau « bloc » [ndt. block-level] tandis que d'autres sont dits de niveau « en-ligne » [ndt. inline] (aussi connu comme sous le nom « niveau texte »). La distinction se fondent sur plusieurs notions :

Le modèle de contenu
De manière générale, les éléments de bloc peuvent contenir des éléments en-ligne et d'autres éléments de bloc. Et de manière générale, les éléments en-ligne ne peuvent contenir que des données et d'autres éléments en-ligne. L'idée inhérente à cette distinction structurelle, c'est que les éléments de bloc créent des structures « plus grandes » que les éléments en-ligne.
Le formatage
Par défaut, les éléments de bloc sont formatés différemment des éléments en-ligne. En général, les éléments de bloc commencent sur une nouvelle ligne, et non les éléments en-ligne. Pour des informations concernant les blancs, les sauts de ligne et le formatage des blocs, veuillez consulter la section sur le texte.

**DjChat** · 23/04/2008, 10h34

Merci pour tes infos, j'viens de demander a un de mes collegues de boulot et il viens de me rexpliquer ces caracteristiques, j's'avais pas ou j'avais le tete a ce moment la...

Span et champ texte

CSS

Vue hybride

Discussions similaires

Partager

Partager