Discussion :

[laurent94]

Bonjour tout le monde,

Je réalise actuellement un site internet dans le quel j'ai utilisé la propriété font face issus du css3 pour importer une police.

Le problème survient lors de l'affichage... (Je ne possède pas IE donc je ne parlerai que de Mozilla et chrome pour le moment)

voici en image ce que cela donne sous chrome (bon) :



et voici ce que cela donne sous Mozilla :





Je ne comprends pas.. Dans mon body j'ai mis une taille de 9px pour tout les textes si je mets 8px chrome le prend en compte mais pas Mozilla...


Voici mon code css des parties concernées :

Code css :

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
body {
	font-size:9px;
}
 
@font-face {	 
	font-family: 'OratorStd-Slanted';
	src:url('font/OratorStd-Slanted.otf');
	format('truetype');
}
 
@font-face {	 
	font-family: 'Orator10 BT';
	src:url('font/Orator10 BT.ttf');
	format('truetype');
}
 
 
 
 
 
 
 
 
 
#asso {
	background-image:url(images/fond-asso-contact.png);
	background-repeat:no-repeat;
	color:white;
	width:525px;
	height:395px;
	margin:auto;
	float: left;
	margin-left:30px;
	margin-top:100px;
}
 
#asso img {
	margin-left:180px;
	margin-top: 20px;
}
 
.texte-collectif-contact {
	width:417px;
	height:268px;
	margin-top:px;
	margin-left: 50px;
	font-family:"Orator10 BT", arial, sans-serif ;
	text-transform:uppercase; 
	text-align:justify;	
}
 
 
.texte-collectif-contact li {
	list-style:none;
}
 
.texte-collectif-contact ul {
	margin:5px;
}
 
.contact-membre {
	width:523px;
	height:237px;
	background-image:url(images/fond-mail-contact.png);
	background-repeat:no-repeat;
	margin-left:30px;
	margin-top:10px;
	color:white;
	font-family:"Orator10 BT", arial, sans-serif ;
	float:left;
}
 
.paul-gros {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:left;
	margin-left:15px;
	margin-top:20px;
}
 
.mail {
	margin-left:10px;
}
 
 
 
.nico-mathias {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:right;
	margin-right:15px;
	margin-top:20px;
}
 
 
.margaux {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:left;
	margin-left:15px;
	margin-top:10px;
}
 
 
.laurent {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:right;
	margin-right:15px;
	margin-top:10px;
}
 
.louis {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:left;
	margin-left:15px;
	margin-top:10px;
}
 
.clement {
	border:1px;
	border-top-style:dotted;
	width:240px;
	height:56px;
	border-bottom-style:dotted;
	float:right;
	margin-right:15px;
	margin-top:10px;
}

Si vous avez une petite idée pour m'aider se serai vraiment sympa.

Bonne journée à tout le monde.

[laurent94]

Re,

Je ne comprends vraiment pas...

Lorsque je fais aperçus avec Firefox en partant de Dreamweaver tout s'affiche correctement. Il suffit que je clic sur Accueil et que je revienne sur cette page pour que tout soit comme sur l'image... Pourtant c'est la même feuille de style pour toute mes pages que j'utilise....

Je ne comprend pas pourquoi lorsque je quitte la page et reviens dessus elle change...

[NoSmoking]

Bonjour, à voir...
http://www.developpez.net/forums/d10...photoshop-css/
peut être un problème du même ordre...

[laurent94]

Bonjour Nosmoking,

Effectivement je suis allé dans les paramètre de Mozilla et j'ai dis que la police en taille minimal acceptée serait désormais de 9px et je n'ai plus se problème...

Cependant comment puis-je contourner se problème... car si les personne ont une taille de police d'un minimum de 10px, sur Mozilla ( je ne parle pas de IE je ne sais pas encore ce qu'il donne sur ce naviguateur...) lorsqu'il vont allé sur la page d'accueil et ensuite revenir sur "contact" ils auront tous se problème...

Merci pour le liens déjà je vois se qui va pas... Même si je ne comprends pas pourquoi au premier chargement de la page Mozilla accepte 9px puis le refuse par la suite...

[thelvin]

En fait, le mieux, c'est que le tableau des contacts s'adapte à la taille du texte qu'il contient, et c'est marre.

Vu que c'est automatique et que l'inverse n'arrive qu'en le faisant exprès, je me demande comment tu t'es débrouillé.