Le css ne réagit pas lors d'une modification
Bonjour,
Je viens d'ouvrir le site sur lequel je travaille pour faire une modification dans le fichier style.css
Lorsque je lance le site la modification ne s'affiche pas.
Mon bandeau <div id="bandeau"> contient 3 div. Lorsque je mets dans cette balise l'image de fonds actuellement dans la balise <div id="b2"> rien ne se passe.
Ce n'est pas la première fois que lorsque je change un style dans le fichier rien ne se passe. J'ai dû recommencer tout à plusieurs reprises !!!
mon fichier index.php
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
|
<?php session_start();
// -----------------
// langues disponibles sur le site
if(empty($_SESSION['langues_array']) )
{
$_SESSION['langues_array'] = ['fr','de']; // français (principale) / allemand (si tu veux ajouter des langues, il suffira de l'ajouter ici)
}
// -----------------
// changement de langue
if(empty($_SESSION['langue']) )
{
$_SESSION['langue'] = $_SESSION['langues_array'][0]; // langue par défaut
}
if(isset($_GET['langue'])) // (reçu via URL)
{
$_SESSION['langue'] = $_GET['langue'];
}
elseif(isset($_POST['langue'])) // (reçu via form)
{
$_SESSION['langue'] = $_POST['langue'];
}
if( !in_array($_SESSION['langue'],$_SESSION['langues_array']) )
{
$_SESSION['langue'] = $_SESSION['langues_array'][0]; // langue par défaut
}
// -----------------
?>
<!DOCTYPE HTML>
<html>
<head>
<title>Jumelage Troissy Partenheim</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="Troissy, Partenheim, Champagne"/>
<meta name="keywords" content="Champagne, Troissy, Bouquigny, Dormans, 51, 51700, Partenhiem, Allemagne "/>
<meta name="Robots" content="index, follow, all"/>
<meta name="Revisit-after" content="5 days"/>
<link rel="icon" type="image/ico" href="images/10199.ico" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/medias.css" />
<script type="text/javascript" src="scripts/scripts.js"></script />
</head>
<body>
<div id="global">
<div id="bandeau">
<div id="b1">
<FORM ACTION="" METHOD="post">
<input type="hidden" name="langue" value="fr" style="width:10%;"/>
<input type="image" alt="fr" src="images/blason-Troissy.jpg" id="imgbandeau" />
<input type="image" alt="fr" src="images/french-flag.jpg" id="imgflagF" />
</FORM>
</div>
<div id="b2">
<?php
if ($_SESSION['langue'] == 'fr') { echo 'JUMELAGE <br /> TROISSY ~ PARTENHEIM';
}
else { echo 'PARTNERSCHAFT <br /> PARTENHEIM ~ TROISSY';
}
?>
</div>
<div id="b3">
<FORM ACTION="" METHOD="post">
<input type="image" alt="fr" src="images/deutch-flag.jpg" id="imgflagD" />
<input type="image" alt="de" src="images/blason-Partenheim.jpg" id="imgbandeau3" />
<input type="hidden" name="langue" value="de" style="width:10%;" />
</FORM>
</div>
</div>
<?php
if ($_SESSION['langue'] == 'fr') { ?>
<div id="menu">
<ul class="niveau1">
<li><a href="index.php?page=accueil">Accueil</a></li>
<li><a href="index.php?page=historique">Historique</a></li>
<li class="sousmenu"><a >Les rencontres</a>
<ul class="niveau2">
<li class="sousmenu"><a href="index.php?page=2018">année 2018</a></li>
<li><a href="index.php?page=2017">année 2017</a></li>
<li><a href="index.php?page=2016">année 2016</a></li>
<li><a href="index.php?page=annees_anterieures">années antérieures</a></li>
</ul>
</li>
<li><a href="index.php?page=charte">Charte</a></li>
<li><a href="index.php?page=divers">Divers</a></li>
<li><a href="index.php?page=contact">Contact</a></li>
</ul>
</div>
<?php }
else { ?>
<div id="menu">
<ul class="niveau1">
<li><a href="index.php?page=accueil">home</a></li>
<li><a href="index.php?page=historique">Historiche</a></li>
<li class="sousmenu"><a >Les rencontres</a>
<ul class="niveau2">
<li class="sousmenu"><a href="index.php?page=2018">Jahr 2018</a></li>
<li><a href="index.php?page=2017">Jah 2017</a></li>
<li><a href="index.php?page=2016">Jahre 2016</a></li>
<li><a href="index.php?page=annees_anterieures">Vorjahren</a></li>
</ul>
</li>
<li><a href="index.php?page=charte">Charten</a></li>
<li><a href="index.php?page=divers">Verschiedenes</a></li>
<li><a href="index.php?page=contact">Kontakt</a></li>
</ul>
</div>
<?php }
//affichage des pages
echo '<div id="conteneur">';
if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page'];
switch($page){
//menu général
case 'accueil': include ($_SESSION['langue'].'/accueil.php');break;
case 'historique': include ($_SESSION['langue'].'/historique.php');break;
case '2018': include ($_SESSION['langue'].'/rencontres/2018.php');break;
case 'charte': include ($_SESSION['langue'].'/charte.php');break;
}
echo '</div>';
//affichage des annonces
echo '<div id="annonces">';
include ($_SESSION['langue'].'/annonces.php');
echo '</div>';
?>
</div>
</body> |
mon fichier style.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
|
html, body {height:100%; border:0; min-height:100%; padding:0; background-color:blue; }
#global { width:80%; font-family:verdana; margin-left:auto; margin-right:auto; background-color:#FFF; }
/* LE BANDEAU */
#bandeau { overflow:auto; height:6em; background-color:#FFFFFF; }
#b1 { width : 20%; float:left; background-color:#FFF; }
#imgflagF { width:15%; float:left; cursor: pointer; }
#imgbandeau { width:30%; margin-left:37%; float:left; cursor: pointer; }
#b2 { width : 60%; float:left; text-align:center; font-size:2.4em;color:#FFF; background-image:url("../images/vignes.jpg"); }
#b3 { width : 20%; float:left; background-color:#FFFFFF; }
#imgflagD { width:15%; margin-left:10%; margin-top:0%; float:left; cursor: pointer; }
#imgbandeau3 { width:33%; margin-left:0.1%;margin-top:0%; float:left; cursor: pointer; }
/* LE MENU */
#menu { width:100%; height:2em; background-color:#000000; margin-right:auto; margin-left:auto; }
#menu a { width:13em; height:2em; font-family:Arial; color:#FFFFFF; font-size:1em; text-align:center; float:left; line-height:2em; text-decoration:none; }
#menu a:hover { color:#FFFF00; background-color:#3C3C3C; }
#menu a:active { color:#d7d7d7; background-color:#f90d38; }
#menu li { position:relative; float:left; background-color:#000000; list-style-type:none; }
#menu ul { margin:0; padding:0; }
#menu ul ul { position:absolute; top:0; display:none; }
#menu ul.niveau1 li.sousmenu:hover ul.niveau2 { font-size:0.9em; display:block; }
#menu ul.niveau2 { left:0.8em; top:2em; }
/* CONTENEUR */
#conteneur { width:75%; float:left; margin-top:0.2em; min-height:80em; background-color:#FFF;}
/* ANNONCES */
#annonces { width:24.95%; float:left; margin-top:0.1em; min-height:80em; border-style:solid; border-width:0.01em; background-color:#FFF; } |
J'ai travaillé sur le site vendredi et ce jour là je pouvais faire des modifications sans problème !!!
Quelqu'un peut me dire pourquoi ??? Merci
Note pour jreaux62 au cas où !!
J'ai mis le menu sur le fichier index car si je le mets sur le fichier style j'ai un problème d'affichage !!!
