Un problème CSS tout bête

Version imprimable

Bonjour,

Voilà... Je débute avec les div et le CSS.
Je suis à faire une page contact pour mon site et j'ai du mal à placer les div dans la feuille.
J'aimerais faire quelque chose qui ressemble à ça mais je galère...

Nom:[espace______]INPUT[espace_____]Merci de laisser votre message:
Prenom:[espace___]INPUT[espace______]Textarea
Adresse:[espace___]INPUT
Ville:[espace______]INPUT

voilà mon maigre code

Code:

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
	<div id = "contact">
		Société :
	</div>
	<div id = "contact_input">
		<input name = "Société;" type = "text" id = "Société" size = "20" />
	</div>
	<br />
	<div id = "contact">
		Nom : 
	</div>
	<div id ="contact_input">
		<input name = "Nom" type = "text" size = "20" />
    </div>
	<br />
	<div id = "contact">
		Prénom : 
	</div>
	<div id = "contact_input">
		<input name = "Prénom" type = "text" size = "20" />
	</div>
    <br />
	<div id = "contact">
		Numéro de téléphone : 
	</div>
	<div id = "contact_input">
		<input name = "Téléphone" type = "text" size = "20" /> 
    </div> 
	<br />
	<div id = "contact">
		Fax : 
	</div>
	<div id = "contact_input">
		<input name = "Fax" type = "text" size = "20" />
    </div>
	<br />
	<div id = "contact">
		Adresse : 
	</div>
	<div id = "contact_input">
		<input name = "Adresse" type = "text" size = "20" />
    </div>
	<br />
	<div id = "contact">
		Code postal : 
	</div>
	<div id = "contact_input">
		<input name = "Code postal" type = "text" size = "20" />
    </div>
	<br />
	<div id = "contact">
		Ville : 
	</div>
	<div id = "contact_input">
		<input name = "Ville" type = "text" size = "20" />
	</div>
    <br />
	<div id = "contact">
		Pays :
	</div>
	<div id = "contact_input">
		<input name = "Pays" type = "text" value = "France" size = "20" />
	</div>
	<br />
	<div id = "contact">
		E-mail : 
	</div>
	<div id = "contact_input">
		<input name = "E-mail" type = "text" size = "20" />
    </div>
	<br />
	Merci de préciser votre demande :
	<textarea name = "Question" rows = "12" cols = "50" wrap = "VIRTUAL">
	</textarea>
	<br />
    <input name = "Effacer" type = "reset" value = "Effacer" />
    <input name = "Envoyer" type = "submit" value = "Envoyer" />

et mon CSS... je préfère ne pas vous le passer, misérable qu'il est... (et que je suis)

21/05/2007, 10h22
Invité

J'utilises aussi des calques css mais je dois dire que pour ce qui est des formulaires les tableaux restent quand même plus pratiques....
21/05/2007, 10h33
Deallyra

oui mais pour ce qui est de la maintenance après c'est plus... embettant.
:(
21/05/2007, 10h35
Invité

C'est sûr mais en général quand j'ai un formulaire, la forme ne change pas après.
21/05/2007, 10h38
Deallyra

hors formulaire alors...
comment fait-on pour mettre deux divs l'un à coté de l'autre? :D
21/05/2007, 10h45
Invité

avec float:left;
21/05/2007, 10h50
Deallyra

tu veux dire

Citation:

<div>
toto
</div>
<div id=floatleft>
titi
</div>

avec
#floatleft
{
float : left;
}
21/05/2007, 10h53
Invité

Non tu dois mettre float:left; dans les propriété de ton calque dans ton fichier css
21/05/2007, 11h30
Deallyra

Je ne comprends toujours pas...

Citation:

<div id = "contact">
Société :
<br />
Nom :
<br />
Prénom :
<br />
E-mail :
<br />
Numéro de téléphone :
<br />
Fax :
<br />
Adresse :
<br />
Code postal :
<br />
Ville :
<br />
Pays :
</div>
<div id = "contact">
<input name = "Société;" type = "text" id = "Société" size = "20" />
<br />
<input name = "Nom" type = "text" size = "20" />
<br />
<input name = "Prénom" type = "text" size = "20" />
<br />
<input name = "Téléphone" type = "text" size = "20" />
<br />
<input name = "Fax" type = "text" size = "20" />
<br />
<input name = "Adresse" type = "text" size = "20" />
<br />
<input name = "Code postal" type = "text" size = "20" />
<br />
<input name = "Ville" type = "text" size = "20" />
<br />
<input name = "Pays" type = "text" value = "France" size = "20" />
<br />
<input name = "E-mail" type = "text" size = "20" />
</div>

et dans ma CSS j'ai spécifié
.DeuxCol #contenu contact
{

float : left;
}
ce qui reprend le contenu du lien que tu m'as passé...
21/05/2007, 11h33
Deallyra

désolé, l'indentation du texte ne se fait pas...

Je te mets un exemple :

La page html :

Code:

1
2
3
4
5
6
 
<div class="1">
</div>
 
<div class="2">
</div>

Le css :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
.1
{
	float:left;
	background-color:#000000;
	width:100px;
}
 
.2
{
	float:left;
	background-color:#009933;
	width:100px;
}

21/05/2007, 11h58
Deallyra

Il me fallait supprimer .DeuxCol #contenu

Arigato Gosaïmas! :mouarf:
21/05/2007, 11h59
Invité

de rien se fût un plaisir :aie: