Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > Général Conception Web > Débuter
Débuter Forum d'entraide pour débuter dans la création de sites Web
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 24/05/2008, 21h38   #1
Invité de passage
 
Inscription : mai 2008
Messages : 2
Détails du profil
Informations forums :
Inscription : mai 2008
Messages : 2
Points : 1
Points : 1
Par défaut Problème d'affichage avec firefox (Ubuntu 7.10)

Bonjour à tous,
J'ai mis en ligne mon projet de site web. J'utilise sur le même PC windows Vista et Ubuntu. Sous Vista le test sur Firefox; IE7 et Opéra s'est passé sans problème. Mais quand je vais sous Linux Firefox affiche bizzarement la bannière. En fait il s'agit d'une première bannière que j'avais jugé mieux de remplacer qui continue à s'afficher, et non la nouvelle. De plus il m'affiche les titres des pages (h1) ce qui décale vers le bas la bannière, alors que j'ai mis l'attibut Display:none sur le h1 (CSS).
Je ne trouve pas la solution. Et surtout je ne comprends pas pourquoi ça marche sous Windows et pas sous Linux.
Merci de votre aide.


Url:http://www.eglisedumessie.com

Code:
Page acceuil.html

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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>La prophétie des temps de la fin !</title>	
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="Description" content="La prophétie des derniers temps: Préparation de l'Eglise à l'enlèvement, tout savoir sur la fin du monde" />
<meta name="Keyworks" content="Enlèvement, Eglise du Messie, Saine doctrine, Jésus Christ, Prophéties des derniers temps, Message du temps de la fin, Dernières trompettes, La grande tribulation" />
<link type="text/css" rel="stylesheet" media="screen" href="style.css" />
</head>
<body>
<div id="site">
<div id="header"><h1>L'Eglise du Messie</h1></div>
<div id="sous-header">
<div id="mh">
<ul>
<li><a id="mon_ancre" href="accueil.html" title="La page d'accueil">Accueil</a></li>
<li><a title="L'Eglise selon le plan de Dieu" href="eglise.html">L'Eglise</a></li>
<li><a title="Avant ou après la tribulation ?" href="enlevement.html">L'Enlèvement</a></li>
<li><a title="La saine Doctrine" href="enseignement.html">Enseignements</a></li>
<li><a title="Le message pour cette semaine" href="message.html">Le message de la semaine</a></li>
<li><a title="Signez le livre d'or" href="livre.html">Livre d'or<span> <!-- ici en écrira les commentaires sur le menu--></span></a></li>
</ul>
</div>
</div>
<div id="corp">
<div id="left">
<div id="contenu-left">
<h3>AVERTISSEMENT</h3>
<div class="contenu-menu">
<p>Navigateurs récommandés pour visiter le site: Firefox; Internet Explorer 7 et Opéra 9. <br /> IE 5; 6 et les autres: Non testés. </p>								
</div>
<h3>RUBRIQUES</h3>
<div id="menu">
<ul>
<li><a href="trompette.html" title="A lire absolument">La dernière trompette</a></li>
<li><a href="articles.html" title="Pour lire nos articles">Articles</a></li>
<li><a href="liens.html" title="Sites recommandés">Liens</a></li>
<li><a href="contact.html" title="Nous contacter">Nous contacter</a></li>
</ul>
</div>
						
<div class="contenu-menu">
<p class="image"><img src="images/gloire.gif" alt="Image animée" /></p>
<p> "A cet endroit-ci, j'aurai tant aimé mettre l'image de mon <span class="nom">Elohim</span> et mon <span class="nom">Adonaï</span> afin que toute la gloire Lui revienne !<br /> A défaut, je place la mienne juste pour des besoins de présentation.</p> 
<p> Qu'à Lui seul soient la gloire, la louange et l'honneur aux siècles des siècles...."</p>
<p class="image"><img src="images/site_admin.jpg" alt="Photo" /><br /><span class="legende">Gilbert Maléké</span></p>
<p> Si vous attendez son retour, sachez que les prophéties s'accomplissent sous nos yeux et les signes des temps de la fin deviennent de plus en plus visibles.<br /> Nous voulons dans ce site lancer l'alerte à la vigilance, car beaucoup de prédicateurs, croient servir Dieu, alors qu'ils sont des <strong>"citernes creuvassées"</strong>.</p>

<p class="image"><img src="images/moise.jpg" alt="Photo de Moïse" title="Moïse brise les tables de la Loi" /><br /><span class="legende">Moïse brise les tables de la Loi</span></p>
</div>
</div>
</div>
<div id="right">
<div id="contenu-right">
<div id="arbo">
<strong>Vous êtes ici : </strong><em>Accueil >Bienvenue sur le site !</em>
</div>	
<p class="image"><img src="images/yhwh.gif" alt="Image animée" title="L'Eternel Dieu" /></p>
<div class="center"><p style="font-size:15px; font-weight:bold; text-align:center">Que la paix et la grâce vous soient accordées en abondance !</p></div>
	<h3>Très important à savoir !!!</h3>
<p> Ce site ne présente pas une dénomination, ni un homme de Dieu quelconque. . Ici nous ne reconnaissons que l'Eglise de Mathieu 16:18 et un seul homme est son Pasteur, à savoir: <span class="nom"><strong>Jésus le Messie</strong></span>.</p>
						
<h3>A qui s'adresse ce site ?</h3>
<p class="image">
<img src="images/ecris.gif" alt="Une Bible ouverte" title="Notre nourriture quotidienne"  />
</p>
	
<h3>Prechez et enseignez selon l'Ecriture ! ! !</h3>
<p class="image">
<img src="images/bible.gif" alt="Image animée" title="Les Saintes Ecritures" /><br /><span class="legende">Les Saintes Ecritures</span>
</p>

<p>
Paix et grâce !
</p>
						
<p class="alignement">
(Par Gilbert MALEKE) <br/>
<img src="images/anim27.gif" alt="Image animée" title="ç'a l'air interessant! alors je presse"  /><br/>
<a href="#mon_ancre">Remontez !</a>
</p>
<p><a href="http://www.validome.org/referer">
<img style="border:none"
    src="http://www.validome.org/images/set3/valid_xhtml_1_0.gif"
    alt="Valid XHTML 1.0" width="80" height="15" /></a></p>
						
<script type="text/javascript" src="http://www.i-services.net/membres/compteur/compteur.php?uid=138050&amp;sid=83331&amp;idcpt=4791&amp;cache=0&amp;read_only=0"></script>
</div>
</div>
</div> 
</div>
<div id="footer">
<p>© 2008 "Eglise du Messie.com" - Code par GilbertM - <a href="http://www.graphiques-kits.com" title="Des kits graphiques professionnels gratuits !">Kit graphique par Graphiques-Kits.</a> </p>
</div>
</body>

</html>
Code pour une autre page du site:
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
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
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<title>La prophétie des temps de la fin !</title>	
		<meta http-equiv="Content-Language" content="fr" />
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<meta name="Description" content="La prophétie des derniers temps: Préparation de l'Eglise à l'enlèvement, tout savoir sur la fin du monde" />
		<meta name="Keyworks" content="Enlèvement, Eglise du Messie, Saine doctrine, Jésus Christ, Prophéties des derniers temps, Message du temps de la fin, Dernières trompettes, La grande tribulation" />
		<link type="text/css" rel="stylesheet" media="screen" href="style.css" />
	</head>

	<body>

		<div id="site">
			<div id="header"><h1>L'Eglise du Messie</h1></div>
			<div id="sous-header">
				<div id="mh">
					<ul>
						<li><a id="mon_ancre" href="accueil.html" title="La page d'accueil">Accueil</a></li>
						<li><a title="L'Eglise selon le plan de Dieu" href="eglise.html">L'Eglise</a></li>
						<li><a title="Avant ou après la tribulation ?" href="enlevement.html">L'Enlèvement</a></li>
						<li><a title="La saine Doctrine" href="enseignement.html">Enseignements</a></li>
						<li><a title="Le message pour cette semaine" href="message.html">Le message de la semaine</a></li>
						<li><a title="Signez le livre d'or" href="livre.html">Livre d'or</a></li>
					</ul>
				</div>
			</div>
			<div id="corp">
				<div id="left">
					<div id="contenu-left">
						<h3>AVERTISSEMENT</h3>
						<div class="contenu-menu">
							<p>Navigateurs récommandés pour visiter le site: Firefox; Internet Explorer 7 et Opéra 9. <br /> 
								IE 5; 6 et les autres: Non testés.  </p>								
						</div>
						<h3>RUBRIQUES</h3>
						<div id="menu">
							<ul>
							<li><a href="trompette.html" title="A lire absolument">La dernière trompette</a></li>
							<li><a href="articles.html" title="Pour lire nos articles">Articles</a></li>
							<li><a href="liens.html" title="Sites recommandés">Liens</a></li>
							<li><a href="contact.html" title="Nous contacter">Nous contacter</a></li>
						</ul>
						</div>
						
						<div class="contenu-menu">
							<p>"A cet endroit-ci, j'aurai tant aimé mettre l'image de mon <span class="nom">Elohim</span> et mon <span class="nom">Adonaï</span> afin que toute la gloire Lui revienne !<br /> A défaut, je place la mienne juste pour des besoins de présentation.</p> 
							<p> Qu'à Lui seul soient la gloire, la louange et l'honneur aux siècles des siècles...."</p>
							<p class="image"><img src="images/site_admin.jpg" alt="Image de l'administrateur" title="Administrateur du site" /><br /><span class="legende">Gilbert Maléké</span></p>
						</div>
						<div class="annonces-article">
							<p class="image"><img src="images/panannonce.jpg" alt="Image du bouton pour Annonces" title="Annonces et publicités" /></p> 
							<!-- Place prévue pour publicité et annonces-->
						</div>
					</div>
				</div>
				<div id="right">
					<div id="contenu-right">
						<div id="arbo">
							<strong>Vous êtes ici :</strong> <em>Articles > Bienvenue sur Eglise du Messie.com !</em>
						</div>
						<h2>Articles</h2>
						<p class="image">
							<img src="images/aigle_sur_lac.jpg" alt="Un Aigle" />
						</p>
						<h3>Vous trouverez sur cette page des articles utiles pour votre édification !</h3>
						<p>&nbsp;</p>
						<div class="image">
						<img src="images/travaux_anime.gif" alt="Une Image animée" title="Page en chantier"  />
						</div>
						
						<div class="image">
						<img src="images/construction.jpg" alt="Une Banierre" title="Page en chantier" />
						</div>
						
						<p class="alignement">
							(Le Webmaster) <br/>
							<img src="images/anim27.gif" alt="Image animée" title="ç'a l'air interessant! alors je presse"  /><br/>
							<a href="#mon_ancre">Remontez !</a>
						</p>
						<p><a href="http://www.validome.org/referer">
<img style="border:none"
    src="http://www.validome.org/images/set3/valid_xhtml_1_0.gif"
    alt="Valid XHTML 1.0" width="80" height="15" /></a></p>
						
						<script type="text/javascript"  src="http://www.i-services.net/membres/compteur/compteur.php?uid=138050&amp;sid=83331&amp;idcpt=4791&amp;cache=0&amp;read_only=0"></script>


					</div>
				</div>
			</div> 
		</div>
			

			<div id="footer">
				<p>© 2008 "Eglise du Messie.com" - Code par GilbertM - <a href="http://www.graphiques-kits.com" title="Des kits graphiques professionnels gratuits !">Kit graphique par Graphiques-Kits.</a> </p>
			</div>

	</body>

</html>
CSS:

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
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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
/* Kit graphique par Graphiques-Kits.com */
/* Copyright 2007 tous droits réservés */
/*Modification  afin de respecter la sémantique  :  Mai 2008 par Gilbert MALEKE pour egliseduessie.com*/
/* ------------------------------------ */


body {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #16233d;
	background: #FFFFFF url(images/background-header.jpg) repeat-x top;
}

div#site {
    text-align: justify;
    width: 1000px;
	margin: auto;
}

/* ------------------------------------ */

div#header {
    background: url(images/ekklesia.jpg) no-repeat center;
    height: 171px;
    margin: 0;
    padding: 0;
}

div#sous-header {
    height: 34px;
    margin: 0;
    padding: 0;
}

div#mh {
	margin-left: 70px;
}


div#mh a, div#mh a:link {
	float: left;
	padding-right: 50px;
	padding-top:10px;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;	
}
div#mh a:hover {
	color: #94ce00;
}

div#mh li {
	display: inline;
	list-style: none;
	margin-right: 5px;
	}
div#mh ul {
	display: inline;
}

/* ------------------------------------ */

div#corp {
	background: url(images/corp.jpg) repeat-y;
}


div#left {
	float: left;
	width: 318px;
	margin: 0px;
	padding: 0px;
	background: url(images/left-background.jpg) repeat-y;
}

div#contenu-left {
	background: url(images/left-top.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 63px;
	padding-right: 25px;
	text-align: justify; 
}

#left h3  {
	background: url(images/title.jpg) no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #000000;	
	font-weight : bold;
	font-style: italic;
}

div.contenu-avertissement {
	padding-bottom: 0px;
	padding-left: 10px;
}

div#menu {
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background: url(images/li.jpg) repeat-y;
}

div#menu a {
    color : #666666;
    font-weight : bold;
	font-size: 11px;
	height: 10px;
}

	
div#menu li {
	margin-top: 13px;

}

div#right {
    width:676px;
	float:right;
}

div#arbo {
    padding-top: 10px;
	padding-bottom: 35px;
	padding-left: 0px;
	padding-right: 70px;
}

div#contenu-right {
	background: url(images/right-top.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 70px;
}
div#menu a:hover {
	color: black;
	font-weight: bold;
	}
div#menu a:active {
	background-color: #94ce00;
}

/* ------------------------------------ */

#footer {
    height:33px;
	width:100%;
	margin:0 auto;
	padding:0;
	background: url(images/background-footer.jpg) repeat-x bottom;
	background-color: #91c901;
	text-align:center;
	clear: both;
	margin-top: -42px;
}

#footer p {
    padding-top: 12px;
    font-size: 11px;
	color: #FFFFFF
}

#footer a {
    color : #FFFFFF;
    font-family:verdana;
    text-decoration:none;
}

#footer a:hover , a:active , a:focus {
    color : #FFFFFF;
    font-weight : bold;
    text-decoration:none;
}


/* ------------------------------------ */

html, body { 
    margin: 0;
	padding: 0;
	
}

div.spacer {
	height:0.01em;
	overflow:hidden;
	display:block;
	width:100%;
	clear:both;
}
    .legende {
	font-size: 10px;
	font-style: italic;
	color: blue;
	text-decoration: blink;
	text-align: center;
	
}
	.alignement {
	text-align: center;
}
	.validator {
	text-align: center;
}

/*----------------------------------------------*/

p .verset-biblique  /*tous les verset-biblique situés dans les p du corps droit seront colorés en marron et écris en gras italic */
	{ 
	color: #cc5200;
	font-weight: bold;
	font-style: italic;
}
p .verset /* corps gauche*/
	{
	color: #cc5200;
	font-style: italic;
}

	.nom  {
	color: blue;
}

	.image  {
	text-align:  center;
	margin-bottom: 20px;
}
img { border: 0; }
li { list-style: none; }

a {
    color : #666666;
    font-family:verdana;
    text-decoration:none;
}

a:hover , a:active , a:focus {
    color : #666666;
    font-weight : bold;
    text-decoration:none;
}

h1, h2, h3 {
	font-weight: bold;
	color: #16233d;
	margin-bottom: 15px;

}
p {
	font-size: 11px;
	margin-bottom: 20px;
	
}

div.annonces-trompette  {
	margin-bottom: 1832px;
}
div.contenu-menu {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 0px;
}
p a {
	color: #0000ff;
}

h1 {
	display: none;
	}
h2 {
	text-align: center;
}
div.annonces-eglise {
	margin-bottom: 655px;
}
div.annonces-enseignement {
	margin-bottom: 232px;
}
div.annonces-enlevement {
	margin-bottom: 161px;
}
div.annonces-livre {
	margin-bottom: 135px;
}
div.annonces-contact {
	margin-bottom: 165px;
}
div.annonces-message {
	margin-bottom: 187px;
}
div.annonces-article {
	margin-bottom: 180px;
}
div .annonces-liens {
	margin-bottom: 102px;
}

h2 {
	margin-bottom: 50px;
}

/*...  Commentaire au survol du menu par la souris  ...*/

a span {
	display: none;
}
a:hover span {
	display: block;
	position: absolute;
	top: 210px;
	left: 0;
	
	/* width: à définir pour la largeur de la bordure du commentaire exemple 800px; */ 
	
	text-align: left;
	border-top: 1px solid red;
	color: blue;
}
.center {
	text-align: center;
}
Pour terminer je vous signale que j'ai supprimé quelques paragraphes pour éviter un long code.
Il est valide W3C
A bientôt.
GibertM est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 24/05/2008, 23h03   #2
Invité de passage
 
Inscription : mai 2008
Messages : 2
Détails du profil
Informations forums :
Inscription : mai 2008
Messages : 2
Points : 1
Points : 1
J'ai résolu le problème. C'était au niveau du charset Utf-8
Merci à tous.
GibertM est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 20h19.


 
 
 
 
Partenaires

Hébergement Web