CSS et page HTML (avec l'hébergeur 1&1) [Résolu]

lesiteduhtml · 31/12/2011, 16h33

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

.

Atomya Rise · 31/12/2011, 20h11

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"

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

je connais très bien cette apparence

lesiteduhtml · 01/01/2012, 14h47

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:

.
Merci beaucoup encore
Jérôme Boillot

lesiteduhtml · 01/01/2012, 15h08

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 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
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

Atomya Rise · 01/01/2012, 15h40

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 !

lesiteduhtml · 01/01/2012, 17h52

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

PS : Bonne continuation

31/12/2011, 20h11	#2
Atomya Rise Membre Expert Emilie Lefol En recherche d'emploi Inscription : février 2009 Messages : 411 Détails du profil Informations personnelles : Nom : Emilie Lefol Âge : 26 Localisation : France, Somme (Picardie) Informations professionnelles : Activité : En recherche d'emploi Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : février 2009 Messages : 411 Points : 1 277 Points : 1 277	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" 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 je connais très bien cette apparence __________________ *Si un message vous a aidé, pensez à voter positivement pour lui ! Merci* Pas de question technique en privé - Si on criait sur la place publique les fautes de tout le monde, on ne pourrait plus fréquenter personne ! (Marcel Pagnol) - Technocrates, c’est les mecs que, quand tu leur poses une question, une fois qu’ils ont fini de répondre, tu comprends plus la question que t’as posée. (Coluche)
	20

01/01/2012, 15h40	#5
Atomya Rise Membre Expert Emilie Lefol En recherche d'emploi Inscription : février 2009 Messages : 411 Détails du profil Informations personnelles : Nom : Emilie Lefol Âge : 26 Localisation : France, Somme (Picardie) Informations professionnelles : Activité : En recherche d'emploi Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : février 2009 Messages : 411 Points : 1 277 Points : 1 277	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 ! __________________ *Si un message vous a aidé, pensez à voter positivement pour lui ! Merci* Pas de question technique en privé - Si on criait sur la place publique les fautes de tout le monde, on ne pourrait plus fréquenter personne ! (Marcel Pagnol) - Technocrates, c’est les mecs que, quand tu leur poses une question, une fois qu’ils ont fini de répondre, tu comprends plus la question que t’as posée. (Coluche)
	20

01/01/2012, 17h52	#6
lesiteduhtml Invité de passage Jérôme Boillot Collégien Inscription : décembre 2011 Messages : 5 Détails du profil Informations personnelles : Nom : Jérôme Boillot Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Activité : Collégien Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : décembre 2011 Messages : 5 Points : 2 Points : 2	Re-re-Bonjour, Merci beauoup Atomya Rise !!!!!!!!!!! Cordialment Jérôme Boillot PS : Bonne continuation
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email