CSS et page HTML (avec l'hébergeur 1&1)

1 pièce(s) jointe(s)

Bonjour,
J'ai un gros problème depuis plusieurs jours que je n'arrive pas à résoudre, pouvez-vous m’aidai ???

-Si oui : Sur mon nom de domaine : nos-escri.fr j'ai une page d'accueil avec un css qui pointe vers des images, ça affiche donc bien les images, quand je vais dans la page nos-escri.fr/video/Act1.1/Ts1/index.html qui à la même structure que les autres, la page n'affiche pas les images, comme si elle ne détectais pas le css.
Si vous avaient quelque chose pour m’aidai, n'hésitais pas.
Cordialement
Jérôme Boillot

PS:En pièce jointe, j'ai mis la page en question, merci :D.

Après avoir regardé ta page, et d'être aller faire un tour sur ton site, je me suis rendu compte d'une chose, qui, à mon avis, est la source de ton problème.

Tes pages sont encodé en utf-16 LE !!!

Ce qui amène un CSS en "chinois" :aie:

Je te conseil de ré-encoder tes pages en latin1 (vu que ton charset est déclaré ainsi)

Pour ceci, tu copie entièrement ta page dans le presse-papier, tu change l'encodage pour ANSI et tu colles tes données. Si tu ne fais pas ceci, tu va avoir des soucis d’accents...

En espérant que ton soucis se règle ainsi, je te souhaite un bon réveillon, et au passage, pas mal le site :P je connais très bien cette apparence :) ;)

Merci beaucoup pour cette réponse courte, rapide et explicative,
Par contre je ne sais pas comment changé l'encodage car, sur toutes mes pages, il y à cette ligne :

Citation:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

.
Merci beaucoup encore
Jérôme Boillot

Re-Bonjour,
C'est bon, j'ai réussi à le faire mais ...
Ca ne m'affiche toujours pas ma page, voici le code source de la page :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf_8" />
<title>Nos-Escri : Ts 1</title>
<link rel="shortcut icon" type="image/x-icon" href="http://nos-escri.fr/images/favicon.ico" />
<link href="http://nos-escri.fr/css/styles.css" rel="stylesheet" type="text/css" />
<link href="http://nos-escri.fr/css/lightbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://nos-escri.fr/scripts/lightbox.js"></script>
<script type="text/javascript">
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-27996088-1']);
  _gaq.push(['_setDomainName', 'nos-escri.fr']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
</script>
</head>
<body>
 
<div id="header"><a name="haut" id="haut"></a></div>
<div id="menu">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="menu" style="height: 50px;">
  <tr style="vertical-align:top;">
    <td width="77" class="menuPadding"><a href="http://nos-escri.fr/index.html">Accueil</a></td>
    <td class="menuSeparateur"></td>
    <td width="77" class="menuPadding"><a href="http://nos-escri.fr/page01.html">Famille</a></td>
    <td class="menuSeparateur"></td>
    <td width="77" class="menuPadding"><a href="http://nos-escri.fr/page02.html">Aides et Services</a></td>
    <td class="menuSeparateur"></td>
    <td width="77" class="menuPadding"><a href="http://nos-escri.fr/page03.html">Qu&ecirc;tes</a></td>
    <td class="menuSeparateur"></td>
    <td width="77" class="menuPadding"><a href="http://nos-escri.fr/page04.html">PET</a></td>
    <td class="menuSeparateur"></td>
    <td width="77" class="menuPadding"><a href="http://nos-escri.fr/page05.html">Photos</a></td>
    <td class="menuSeparateur"></td>
    <td width="77" class="menuPadding"><a href="http://nos-escri.fr/page06.html">Liens</a></td>
    <td class="menuSeparateur"></td>
    <td width="77" class="menuPadding"><a href="http://nos-escri.fr/page07.html">Contact</a></td>
  </tr>
</table> 
</div>
<div id="sheader"></div>
<div id="contenuBg"> 
  <div id="boiteMenuG">
    <p class="bouton"><a href="http://nos-escri.fr/forum">Forum</a>    </p>
    <p style="text-align: center; margin: 0px 0px 0px 0px; background: url(<a href="http://nos-escri.fr/images/boxMenuH.gif" target="_blank">http://nos-escri.fr/images/boxMenuH.gif</a>) no-repeat bottom; height: 12px; width: 159px;"></p>
    <p class="elementMenu"><a href="http://nos-escri.fr/sort">Sort</a></p>
    <p class="elementMenu"><a href="http://nos-escri.fr/sp1">SP1</a></p>
    <p class="elementMenu"><a href="http://nos-escri.fr/sp2">SP2</a></p>
    <p class="elementMenu"><a href="http://nos-escri.fr/sp3">SP3</a></p>
    <p class="elementMenu"><a href="http://nos-escri.fr/sp4">SP4</a></p>
    <p class="elementMenu"><a href="http://nos-escri.fr/#">Lien 6</a></p>
    <p class="elementMenu"><a href="http://nos-escri.fr/#">Lien 7</a></p>
    <p class="elementMenu"><a href="http://nos-escri.fr/#">Lien 8</a></p>
    <p class="elementMenu"><a href="http://nos-escri.fr/#">Lien 9</a></p>
    <p class="elementMenu"><a href="http://nos-escri.fr/#">Lien 10</a></p>
    <p class="elementMenu"><a href="http://nos-escri.fr/#">Lien 11</a></p>
    <p style="text-align: center; margin: 0px 0px 0px 0px; padding-bottom: 50px; background: url(<a href="http://nos-escri.fr/images/boxMenuBG.gif" target="_blank">http://nos-escri.fr/images/boxMenuBG.gif</a>) no-repeat top; height: 12px; width: 159px;"></p>
  </div>
  <div id="boiteTexte">
    <p class="titre" style="margin: 0px 0px 0px 0px;">Vid&eacute;o de l'Espace Temps 1 de l'Act 1.1    </p>
    <p style="text-align:justify;">Voici les sorts des classes et des sp ...</p>
    <p style="text-align:justify;"><iframe width="480" height="270" src="http://www.youtube.com/embed/WpjCMwyJfmw?hd=1" frameborder="0" allowfullscreen></iframe>		<div>
			  	<!--<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			  			style="position: relative; top:0px; left:0px"
						id="magixplayer_audio_XYZ" width="1" height="1"
						codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
						<param name="movie" value="magixplayer_audio.swf?id=XYZ" />
						<param name="quality" value="high" />
						<param name="bgcolor" value="#000000" />
						<param name="wmode" value="transparent" />
						<embed src="http://nos-escri.fr/video/Act1.1/Ts1/magixplayer_audio.swf?id=XYZ" quality="high" bgcolor="#000000"
							width="1" height="1" name="magixplayer_audio_XYZ"
							style="position:relative; top:0px; left:0px;"
							play="true"
							loop="false"
							type="application/x-shockwave-flash"
							wmode="transparent"
							pluginspage="http://www.adobe.com/go/getflashplayer">
						</embed>
				</object>
				<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
						style="position:relative; top:0px; left:0px;"
						id="magixplayer_loader_XYZ" width="1280" height="720"
						codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
						<param name="movie" value="magixplayer_loader.swf?id=XYZ&amp;playlist=Ts1.xml" />
						<param name="quality" value="high" />
						<param name="bgcolor" value="#000000" />
						<param name="allowFullScreen" value="true" />
						<param name="wmode" value="transparent" />
						<embed src="http://nos-escri.fr/video/Act1.1/Ts1/magixplayer_loader.swf?id=XYZ&amp;playlist=Ts1.xml" quality="high" bgcolor="#000000"
							width="1280" height="720" name="magixplayer_loader_XYZ"
							style="position:relative; top:0px; left:0px;"
							play="true"
							loop="false"
							type="application/x-shockwave-flash"
							allowFullScreen="true"
							wmode="transparent"
							pluginspage="http://www.adobe.com/go/getflashplayer">
						</embed>
				</object>-->
		</div></p>
<p style="text-align: right;"><a href="#haut"><img src="http://nos-escri.fr/images/ancre.gif" alt="ancre" width="57" height="20" border="0" /></a></p>
  </div>
  <p class="spacer" />
</div>
 
<div id="footer">
  <p class="textePetit" style="padding-top: 35px; margin: 0px 0px 0px 0px;">Copyright &copy; 2012 J&eacute;r&ocirc;me Boillot. Tous droits r&eacute;serv&eacute;s. Design par <a href="http://www.jfpariseau.com/" target="_blank">DJI</a> pour <a href="http://www.kitgrafik.com/" target="_blank">Kitgrafik.com</a></p></div>
  </body>
</html>

Merci beaucoup
Jérôme Boillot

En faite, je ne parlais pas de changé le meta de tes pages html, mais l'encodage de celle-ci !

En gros, par exemple, si tu as notepad++ tu ouvres ta page dedans, tu fais ctrl+c, ensuite, tu regardes dans le menu en haut, et tu choisis "encodage/encoder en ANSI". Puis, sur ta page, tu remplace le contenu par celui que tu as copié juste avant.

C'est ta page css qui est mal encodé, rien de plus !

Re-re-Bonjour,
Merci beauoup Atomya Rise !!!!!!!!!!!
Cordialment
Jérôme Boillot

PS : Bonne continuation