[Encodage] Solution pour éviter le bug "À"

Solution pour éviter le bug "À"

Bonjour

J' ai créer une petite appli météo (sans prétention) et adaptée l'api http://openweathermap.org/ Mais j 'ai un problème avec ma page php qui me fait apparaître un À ce qui n 'est pas le cas avec la page en html

Je n 'au aucune idée de comment corriger ce bug voici le lien direct vers cette petit appli http://www.mobilestorm.fr/mobilestorm/relko/mob.php

Merci de votre aide

Bonjour,
tu as un problème d'encodage de caractères
:fleche: Passez à l'UTF-8 sans manquer une étape.

Ceci étant jettes un coup d'oeil au HTML généré et corrige les déclarations en doublons ;)

Merci NoSmoking , le n'avais pas trouvé ce tuto ... Je vais étudié tout cela

Merci :ccool:

Bonjour,

après avoir testé toutes les solutions proposées dans le tuto je ne constate aucune solution à ce problème de "À".

en ce qui concerne le code html je ne trouve pas non plus d’incohérences

Voici le code

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
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr-fr">
 
 
 
<head>
 
 
  <meta name="viewport" content="width=device-800, height=device-600">
 
 
 
 
  <link rel="SHORTCUT ICON" href="favicon.ico">
 
 
  <title>MobileStorm</title>
</head>
<body>
<table style="text-align: left; width: 202px; height: 32px;" border="1"
 cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td><big><big style="font-weight: bold;">MobileStorm
v1.1</big></big><br>
      <hr style="width: 100%; height: 2px;">Distance
de la Menace<br>
 
 
 
 
Aucune menace détectée dans les 50 kms
 
<br>
      <hr style="width: 100%; height: 2px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr-fr">
<head>
  <title></title>
</head>
<body>
<span style="font-weight: bold;">| <a href="mob2.php">Foudre</a> | <a
 href="mob.php">M&eacute;t&eacute;o</a> |</span><br>
</body>
</html>
<br>
      <hr style="width: 100%; height: 2px;">Derni&egrave;re position le
:02-12-2013 23:22:56 <br>
 
 
<html>
<head>
 
    <link rel="stylesheet" href="http://leaflet.cloudmade.com/dist/leaflet.css" />
    <!--[if lte IE 8]><link rel="stylesheet" href="http://leaflet.cloudmade.com/dist/leaflet.ie.css" /><![endif]-->
    <script src="http://leaflet.cloudmade.com/dist/leaflet.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 
    <script src="http://openweathermap.org/js/leaflet-layer.js"></script>
 
</head>
 
  <body>
    <div id="map" style="width: 512; height: 512"></div>
 
    <script>
      var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
          osmAttribution = 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
          osmLayer = new L.TileLayer(osmUrl, {maxZoom: 18, attribution: osmAttribution});
 
 
 
 
 
 
 
 
 
 
      var map = new L.Map('map');
      map.setView(new L.LatLng( 47.364409,1.746429), 8)
      map.addLayer(osmLayer);
 
 
 
 
 
      var validatorsLayer = new OsmJs.Weather.LeafletLayer({lang: 'en'});
 
      map.addLayer(validatorsLayer);
    </script>
  </body>
 
</html>
 
 
 
 
 
<br>
      <hr style="width: 100%; height: 2px;">
      <p>L'application MobileStorm
vous permet de conna&icirc;tre votre
position par apport a des ph&eacute;nom&egrave;nes
m&eacute;t&eacute;o
dangereux sur votre
parcours. Gr&acirc;ce a la g&eacute;olocalisation de votre
smartphone
vous pouvez conna&icirc;tre la distance qui vous s&eacute;pare
d'une
zone orageuse</p>
      <p>&nbsp;Donn&eacute;es
du r&eacute;seau StrikeStarEu</p>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      </td>
    </tr>
  </tbody>
</table>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37751546-1']);
_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>
<br>
</body>
</html>

Je n'ai pas retouché les lignes de code que tu as mis qui sont comme d'habitude très ...., pour que tu puisses repérer les anomalies.

Citation:

Envoyé par ligne 3

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Citation:

Envoyé par ligne 37

<hr style="width: 100%; height: 2px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Citation:

Envoyé par ligne 8 et 39

<head>

et j'en passe...

De plus sur la dernière source tu avais 2 meta charset contradictoire

Citation:

Envoyé par ligne 4 old

<meta content="text/html; charset=UTF-8" http-equiv="content-type">

et un peu plus loin

Citation:

Envoyé par ligne 11 old

<meta charset="UTF-8">

et maintenant tu n'as plus RIEN ????

Mets de l'ordre dans ton code et tire enseignement du lien fourni.

Il existe un outil qui pourrait d'aider, cela s’appelle un validator