Discussion :

[Philoulheinz]

Bonsoir,

Parce je m'arrache les cheveux avec une feuille de style depuis quelques jours et qu'il ne m'en reste quasi plus, j'en appelle à votre aide. Je débute avec les css

Mon problème :

J'ai fait une classe pour personaliser un formulaire la voici :

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
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
 
html {
	font-size: 100%;
}
body {
	margin: 10px 0 0 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	font-size: 0.8em ;
	background-color: #CCCCCC ;
}
 
h2 {
	font-size: 1.7em ;
	color:#000000;
	margin: 8px 0px 8px 0px;
}
 
/* FORMULAIRE */
.myForm  {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
}
 
.myForm label {
	padding: 0px 3px 3px 0px;
	margin: 0 0 3px 0;
}
.myForm input {
	border-color : #000000;  
	border-top-width : 1px; 
	border-right-width : 1px;
	border-bottom-width : 1px; 
	border-left-width : 1px;
	margin: 1px 0 2px 0;
}
.myForm select,option {
	margin: 1px 0 2px 0;
}
.myForm textarea {
	border-color : #000000;  
	border-top-width : 1px; 
	border-right-width : 1px; 
	border-bottom-width : 1px; 
	border-left-width : 1px;
	margin: 0 0 3px 0;
}
.myForm input.formButton {
	border: 1px solid #5E5D63; 
	text-align:center; 
	margin: 0 0 3px 0;
}

Je définis la police dans la balise body, malheureusement mes inputs, mes selects, ... ne sont pas en "Trebuchet MS", helvetica, sans-serif ;
Je pensais qu'en définissant la police dans l'élément body tous les autres éléments aurait la même police mais apparemment ce n'est pas le cas. Est-ce que c'est normal ? Est-ce que je dois définir la police pour chaque élément ? Est-ce que j'ai "merdé" quelque part ?

Moi qui pensait avoir tout bien fait ...

Bon weekend,

philippe

[francis m]

la police est à déclarer dans le générique défini par une étoile :

Code :

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

1
2
3
4
5
* 
	{
	font-family: "arial","verdana","helvetica", sans-serif;
	font-size: 0.8em;
	}

[Philoulheinz]

Merci beacoup, ça fonctionne.

Bonne journée,

Philippe