Discussion :

[philippef]

Bonjour,
je me trouve devant un gros problème. Depuis hier matin lorsque je modifie des éléments de la feuille de style, rien ne répond.
je pensais que c'était dû au problème de virus que j'ai rencontré en octobre. encore que !! j'ai donc téléchargé la dernière version de EasyPhp mais cela ne change rien.

voici une page qui est située à 2 endroits différents sur le site avec un nom différent.
Sur la première que j'appelle "accueil.php" j'ai remis le style sur la page : et ça marche

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
<div id="patrimoine_2016" style="width:95%;margin-left:2%;"><p></p>
	<div style="margin-left: 16%; display : inline;">
		<span style="font-weight:bold; color:blue; cursor:pointer;" onclick="javascript:montrer('article_union');cacher('patrimoine_2016');">Voir l'article de L'Union</span>
		<span style="font-weight:bold; color:blue; cursor:pointer; margin-left:36%;" onclick="javascript:montrer('galerie_2016');cacher('patrimoine_2016');">Galerie photos</span>
	</div>
	<div style="width:48%; height:auto; float:left; ">
		<p style="margin-left:01em;font-size:1.3em;font-weight:bold;color:brown;text-align:center;">JOURN&Eacute;ES DU PATRIMOINE<br />
			<b> le dimanche 18 septembre 2016</b><br />
		</p>
		<p style="text-align:justify; margin-left:2%;">
			10 heures. Le ciel est uniformément gris clair. Le brouillard est présent dans la vallée et envahit encore les coteaux.<br />
			Sur la place de l'église, la Compagnie Médiévale des Sacres a commencé son installation depuis plus.....
		</p>
	</div>
	<div style="width:50%; height:auto; overflow:auto;">
		<div>
			<p style="margin-left:10%;">ci-dessous <br />à gauche : l'entrée de la place forte<br />à droite : la crypte
			</p>
			<p align="center">
				<img src="journees_patrimoine/journees_2016/images/20160920_162731_2.jpg" style="width:40%;" alt="" />
				<img src="journees_patrimoine/journees_2016/images/Journee patrimoine -04760 2.jpg" style="width:40%;" alt="" /><br /><br />
				ci-dessous : l'église Saint Martin<br /><br />
				<img src="journees_patrimoine/journees_2016/images/DSC03566 2.jpg" style="width:80%;" alt="" />
			</p>
		</div>
		<div style="height:20%; display:none;">
			<br /><br />
			<p class="contenuregion">En ce moment dans la région</p>
		</div>
	</div>
</div>

la même page appelée "2016_patrimoine.php" avec le style venant de la feuille de styles

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
<div id="patrimoine_2016" class="patrimoine_2016"><p></p>
	<div class="titres">
		<span class="titre1" onclick="javascript:montrer('article_union');cacher('patrimoine_2016');">Voir l'article de L'Union</span>
		<span class="titre2" onclick="javascript:montrer('galerie_2016');cacher('patrimoine_2016');">Galerie photos</span>
	</div>
	<div class="patrimoine-2016-left">
		<p class="titrepatrimoine">JOURN&Eacute;ES DU PATRIMOINE<br />
			<b> le dimanche 18 septembre 2016</b><br />
		</p>
		<p class="formatdutexte">
			10 heures. Le ciel est uniformément gris clair. Le brouillard est présent dans la vallée et envahit encore les coteaux.<br />
			Sur la place de l'église, la Compagnie Médiévale des Sacres a commencé son installation depuis plus...
		</p>
	</div>
	<div class="patrimoine-2016-right">
		<div>
			<p class="textedroite">ci-dessous <br />à gauche : l'entrée de la place forte<br />à droite : la crypte
			</p>
			<p align="center">
				<img src="journees_patrimoine/journees_2016/images/20160920_162731_2.jpg" style="width:40%;" alt="" />
				<img src="journees_patrimoine/journees_2016/images/Journee patrimoine -04760 2.jpg" style="width:40%;" alt="" /><br /><br />
				ci-dessous : l'église Saint Martin<br /><br />
				<img src="journees_patrimoine/journees_2016/images/DSC03566 2.jpg" style="width:80%;" alt="" />
			</p>
		</div>
		<div id="region">
			<br /><br />
			<p class="contenuregion">En ce moment dans la région</p>
		</div>
	</div>
</div>

le style qui se trouve dans la feuille de styles.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
/*   PATRIMOINE 2016  */
.patrimoine_2016 { width:95%;margin-left:2%;}
.titres { margin-left: 16%; display : inline; }
.titre1 { font-weight:bold; color:blue; cursor:pointer; }
.titre2 { font-weight:bold; color:blue; cursor:pointer; margin-left:36%;}
.patrimoine-2016-left { width:48%; height:auto; float:left; }
.formatdutexte { text-align:justify; margin-left:2%;}
.patrimoine-2016-right { width:50%; height:auto; overflow:auto; }
.textedroite { margin-left:10%; }
.article2016 { display:none; width:98%;}
.particle2016 { width:95%;text-align:center;margin-left:auto;margin-right:auto;}
.spanfermer { cursor:pointer;color:blue;font-size:1.2em;}
.galerie2016 { width:95%;display:none;text-align:center; }
.ptitregalerie { color:blue;font-size:1.5em; }
.pcurseurs { color:blue;font-size:1.5em; }
.spanleft { font-size:2em;font-weight:bold;cursor:pointer; }
.spancenter { cursor:pointer;margin-left : 28%;	background-color:#DEB887; }
.spanright { font-size:2em;font-weight:bold;cursor:pointer;margin-left:27%; }
.photowidth { width:80%; }
.photowidth1 { width:30%;display:none; }
.photowidth2 { width:80%;display:none;   }
.titrepatrimoine { font-size:1.3em; font-weight:bold; color:brown; text-align:center;}
 
#region { height:20%; display:none; }
.contenuregion { font-family:times new roman;font-size:1.7em;font-weight:bold;color:#008000;text-align:center;}

j'ai imaginé que cela pouvait aussi provenir du fait que les pages en php sont encodées en UTF_8 alors que la feuille se style est encodée en ANSI. !!!!!

Comment je peux remédier à cela? Le site était pratiquement terminé !!
Merci d'avance
je peux joindre quelques fichiers si besoin

[Cyberdome]

Non l'encodage ne pose pas de problème c'est tout à fait classique d'encoder en UTF-8.

Si une partie des styles est appliquées et donc qu'il n'y a pas de problème d'url dans l'appel de la feuille de style, alors l'origine la plus probable du bug dans votre code est un conflit entre l'id et le class du premier div.

Essayez d'appliquer l'ensemble des styles à un seul des deux et de retirer l'autre.

Cordialement.

[CosmoKnacki]

lorsque je modifie des éléments de la feuille de style, rien ne répond.

Vérifie que le chemin vers ta feuille de style est correct.

[miss_socrates]

Sur la première que j'appelle "accueil.php" j'ai remis le style sur la page : et ça marche

Si le style est pris en compte quand tu le mets sur la page mais pas avec une feuille de style externe, c'est que le lien pointant vers le fichier css n'est pas correct.

[Doksuri]

autre piste : le style est mis en cache navigateur. incremente une version du style pour etre sur que le navigateur prenne en compte les modifications. ou alors, si c'est juste pour dev, tu peux forcer le vidage du cache navigateur quand tu rafraichis la page.

[philippef]

Merci pour toutes les réponses. Sauf que là Doksuri tout ça n'est pas clair pour moi.
Je recommence donc le site entièrement. Ce qui est étonnant c'est que la page index.php s'affiche correctement mais pas la page accueil.php.
Je joins les 3 fichiers.

style.cssaccueil.phpindex.php

Merci pour votre aide

[Doksuri]

dans ton index.php, tu inclus tes styles

Code :

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

1
2
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/feuilles.css">

=> on est d'accord que tes feuilles de styles sont bien dans un dossier "css" ?

si dans ton style.css, tu mets

Code :

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

body { background-color:red; }

=> est-ce que tu vois ta page en rouge ?

[philippef]

=> on est d'accord que tes feuilles de styles sont bien dans un dossier "css" ?

oui je confirme que le fichier style.css est bien dans le dossier css.
et comme je l'ai la page est index.php se présente bien comme attendu.

si dans ton style.css, tu mets

Code :

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

body { background-color:red; }

=> est-ce que tu vois ta page en rouge ?

oui la page est bien en rouge.

[Invité]

Bonjour,

Montre le code complet de ta page index.php, ou au moins une page qu'on puisse tester.

[philippef]

J'ai joins dans un post plus haut index.php, accueil.php et style.css

Comme je l'ai dit la page index ne pose pas de problème, elle se présente bien comme je l'attends.
D'autre part j'ai continué de codé (3 pages) depuis hier et tout se passe bien.

C'est sur la page accueil que j'ai un problème et plus particulièrement je n'arrive pas à mette 2 div côte à côte.
Sur cette page le 1er div contient 2 liens et c'est sous ce div que je veux en mettre 2 côte à côte.

[Invité]

Bon.

Une page "complète" contient le <doctype> et balises <head>, <body>...
Et, au minimum, le lien :

Code :

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

<link rel="stylesheet" type="text/css" href="css/style.css">

Rien vu de tout ça...

[philippef]

Je viens de cliquer sur le fichier index.php que j'ai joins et voici ce que j'ai :

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
<!DOCTYPE HTML>
<html>
<head>
<title>Association pour l&apos;Animation Culturelle de Troissy~Bouquigny</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="description" content="Association culturelle, Culture, Histoire, Troissy, Bouquigny, Champagne"/>
<meta name="keywords" content="Association, Culturel, Histoire, Crypte, Brocante, Champagne, Troissy, Bouquigny, Dormans, 51, 51700 "/>
<meta name="Robots" content="index, follow, all"/>
<meta name="Revisit-after" content="5 days"/>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/feuilles.css">
<script type="text/javascript" src="scripts/scripts.js"></script>
</head>
<body>
.....
</body>
</html>

je veux bien ne pas être doué mais... pourquoi toutes les autres pages s'affichent correctement y compris la page accueil hors mis ces fichus div qui ne se collent pas l'un à côté de l'autre.

[Invité]

Code :

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

1
2
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/feuilles.css">

Tu as donc 2 feuilles de style CSS.

Peut-on voir leur contenu ?

Plusieurs pistes :

• vider le cache
• du code CSS erroné AVANT, et qui "annule" la suite du code (un { en trop, par exemple)
• du code CSS APRES (dans feuilles.css, par exemple), qui "écrase" les instructions précédentes

Sinon : touche "F12" -> explorer...
Ca permet au moins de voir quels syles sont appliqués à tel ou tel élement.

N.B. Nous donner l'URL de la page en ligne peut aider...

[philippef]

je confirme qu'il y a 2 feuilles de style CSS mais la celle appelée feuilles.css est vide (pour le moment).

je vais regarder avec attention les { et les }.
Je vais aussi regarder pour vider le cache car je ne sais pas faire et pour F12, où l'utiliser?

[philippef]

J'ai donc vider le cache... rien de changé !!
j'ai vérifié tout le css ... à priori rien d'anormal
j'ai donc recodé la totalité de la page et le css qui lui est destiné. et là un espèce de miracle fait que j'ai enfin ce que je veux : mes 2 div côte à côte.

Merci pour votre aide et à jréaux62 pour sa patience