Problème accent même en encodage utf-8
Résolu/Fermé
lakichan
Messages postés
18
Date d'inscription
jeudi 27 septembre 2012
Statut
Membre
Dernière intervention
23 mai 2013
-
21 déc. 2012 à 20:10
lakichan Messages postés 18 Date d'inscription jeudi 27 septembre 2012 Statut Membre Dernière intervention 23 mai 2013 - 23 mai 2013 à 17:30
lakichan Messages postés 18 Date d'inscription jeudi 27 septembre 2012 Statut Membre Dernière intervention 23 mai 2013 - 23 mai 2013 à 17:30
A voir également:
- Utf 8 accent
- Clé windows 8 - Guide
- E accent minuscule - Guide
- Mixcraft 8 - Télécharger - Création musicale
- Internet explorer 8 - Télécharger - Navigateurs
- 7*8 - Télécharger - Études & Formations
7 réponses
Utilisateur anonyme
21 déc. 2012 à 21:45
21 déc. 2012 à 21:45
Je ne reproduis pas le problème, chez moi je ne vois rien du tout, le texte doit être de la même couleur que le fond. Quand je le sélectionne avec la souris, je vois bien apparaître le texte car il passe en inverse, mais les lettres accentuées sont correctes.
Deux suggestions :
As-tu essayé avec un autre navigateur ?
As-tu essayé en encodant tes lettres accentuées en entités html ? Remplace un é par é pour voir.
Deux suggestions :
As-tu essayé avec un autre navigateur ?
As-tu essayé en encodant tes lettres accentuées en entités html ? Remplace un é par é pour voir.
lakichan
Messages postés
18
Date d'inscription
jeudi 27 septembre 2012
Statut
Membre
Dernière intervention
23 mai 2013
5
26 déc. 2012 à 17:48
26 déc. 2012 à 17:48
J'ai trouvé d'où vient le problème : en supprimant la partie javascript présente j'arrive à avoir les titres avec les accents !
Le tout est de savoir comment résoudre ce problème : c'est grâce au script que les images défilaient ! -__-
Le tout est de savoir comment résoudre ce problème : c'est grâce au script que les images défilaient ! -__-
lakichan
Messages postés
18
Date d'inscription
jeudi 27 septembre 2012
Statut
Membre
Dernière intervention
23 mai 2013
5
30 déc. 2012 à 18:25
30 déc. 2012 à 18:25
J'ai trouvé la ligne problématique : <script src="js/NewsGoth_BT_400.font.js" type="text/javascript"></script>, cette police ne prend pas en compte les accent, je l'ai donc supprimé. Problème résolu
9 jours plus tard. Ça me rappelle quelque chose... Mais non, tu avais dit que tu utilisais la police arial...
Gourvif
Messages postés
5
Date d'inscription
vendredi 21 décembre 2012
Statut
Membre
Dernière intervention
22 décembre 2012
21 déc. 2012 à 20:16
21 déc. 2012 à 20:16
C'est parce qu'ils sont en majuscules !
lakichan
Messages postés
18
Date d'inscription
jeudi 27 septembre 2012
Statut
Membre
Dernière intervention
23 mai 2013
5
21 déc. 2012 à 20:49
21 déc. 2012 à 20:49
mes titres ne sont pas en majuscules!
Utilisateur anonyme
21 déc. 2012 à 20:18
21 déc. 2012 à 20:18
Bonjour
C'est peut-être que tu utilises une police de caractères exotique, qui n'a pas les lettres accentuées.
Ces caractères accentués sont-ils présents dans le source HTML (que tu vois en faisant Ctrl-U sur ta page) ?
C'est peut-être que tu utilises une police de caractères exotique, qui n'a pas les lettres accentuées.
Ces caractères accentués sont-ils présents dans le source HTML (que tu vois en faisant Ctrl-U sur ta page) ?
lakichan
Messages postés
18
Date d'inscription
jeudi 27 septembre 2012
Statut
Membre
Dernière intervention
23 mai 2013
5
21 déc. 2012 à 20:51
21 déc. 2012 à 20:51
j'utilise arial en tant que police ! et quand je fais ctrl-u je retrouve bien le mot entier comme je l'ai écrit (avec l'accent, donc par exemple, dans le code html c'est bien rénovation qui s'affiche).
Je trouve ça bizarre parce que dans les paragraphes le problème ne se pose pas !
Je trouve ça bizarre parce que dans les paragraphes le problème ne se pose pas !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Utilisateur anonyme
21 déc. 2012 à 21:01
21 déc. 2012 à 21:01
Peut-on voir le bout de html et le css qui s'applique (font-family, font-weight, font-size..)?
L'idéal serait que ta page soit en ligne
L'idéal serait que ta page soit en ligne
lakichan
Messages postés
18
Date d'inscription
jeudi 27 septembre 2012
Statut
Membre
Dernière intervention
23 mai 2013
5
21 déc. 2012 à 21:20
21 déc. 2012 à 21:20
Je ne peux pas le mettre en ligne.
{Je tiens à préciser que je me sers d'une base de site internet déjà toute faite(html et css templates) et que je modifie au fur et à mesure comme je le veux.}
les lignes concernées sont : <h1><a href="index.html">Bâti RénovatiO</a></h1>
<strong class="support"><a href="index.html">Bâti RénovatiO</a></strong>
>> les lettres n'apparaissent pas du tout , donc je me retrouve avec bti rnovatio. Et j'ai le même problème avec les autres titres des autres pages
en espérant que tous les éléments nécessaires y soient présents, voici le début du code html :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Bâti Rénovatio - Entreprise de rénovation</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_400.font.js" type="text/javascript"></script>
<script src="js/FF-cash.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<script src="js/jquery.equalheights.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/tms-0.3.js" type="text/javascript"></script>
<script src="js/tms_presets.js" type="text/javascript"></script>
<script src="js/easyTooltip.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="https://support.microsoft.com/en-us/office/internet-explorer-help-23360e49-9cd3-4dda-ba52-705336cc0de2?ui=en-US&rs=en-001&ad=US">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<![endif]-->
</head>
<body id="page1">
<div class="extra">
<div class="main">
<header>
<div class="indent">
<div class="row-top">
<div class="wrapper">
<h1><a href="index.html">Bâti RénovatiO</a></h1>
<strong class="support"><a href="index.html">Bâti RénovatiO</a></strong>
</div>
</div>
pour le css :
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties ======================================================== */
html {width:100%}
body {font-family:Arial, times new roman, sans-serif;font-size:100%;color:#222;min-width:1020px;background:#BCBCBC}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat}
.main {width:1020px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.785em}
a {color:#00A8FF; outline:none}
a:hover {text-decoration:none; color: white}
.col-1, .col-2,
.column-1, .column-2 {float:left}
.wrapper {width:100%; overflow:hidden; position:relative}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px}
.p1 {margin-bottom:8px; margin-top:10px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:40px}
.p5 {margin-bottom:50px}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.it {font-style:italic}
.color-1 {color:#fff}
.color-2 {color:#000}
.color-3 {color:#666}
/*********************************boxes**********************************/
.indent {padding:21px 0 0; position:relative; overflow:hidden}
.indent-left {padding-left:30px}
.indent-right {padding-right:50px}
.indent-bot {margin-top : 20px; }
.indent-bot2 {margin-bottom:30px}
.indent-bot3 {margin-bottom:45px}
.prev-indent-bot {margin-bottom:12px;}
.prev-indent-bot2 {margin-bottom: 0px; margin-top: 0px;}
.img-indent-bot {margin-bottom:25px}
.margin-bot {margin-bottom:35px}
.margin-top {margin-top:-7px}
.img-indent {float:right; margin:30 0px 0px 0}
.img-indent2 {float:left; margin:0 13px 0px 0}
.img-indent-r {float:right; margin:0 0px 0px 40px}
.buttons a:hover {cursor:pointer}
.menu li a,
.link,
.button,
.button-2,
h1 a {text-decoration:none}
/*********************************header*************************************/
header {
width:100%;
position:relative;
z-index:2;
}
.row-top {
width:100%;
min-height:101px;
background:url(../images/row-top-tail-grey.gif) left top repeat-x #03A9FF;
border-radius:9px 9px 0 0;
-moz-border-radius:9px 9px 0 0;
-webkit-border-radius:9px 9px 0 0;
position:relative;
overflow:hidden;
z-index:1;
}
h1 {
float:left;
padding:0 0 0 0;
position:relative;
}
h1 a {
display:block;
width:200px;
height:200px;
text-indent:-9999px;
background:url(../images/logorenovatio.png) 0 0 no-repeat;
}
Merci
{Je tiens à préciser que je me sers d'une base de site internet déjà toute faite(html et css templates) et que je modifie au fur et à mesure comme je le veux.}
les lignes concernées sont : <h1><a href="index.html">Bâti RénovatiO</a></h1>
<strong class="support"><a href="index.html">Bâti RénovatiO</a></strong>
>> les lettres n'apparaissent pas du tout , donc je me retrouve avec bti rnovatio. Et j'ai le même problème avec les autres titres des autres pages
en espérant que tous les éléments nécessaires y soient présents, voici le début du code html :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Bâti Rénovatio - Entreprise de rénovation</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/NewsGoth_BT_400.font.js" type="text/javascript"></script>
<script src="js/FF-cash.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<script src="js/jquery.equalheights.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/tms-0.3.js" type="text/javascript"></script>
<script src="js/tms_presets.js" type="text/javascript"></script>
<script src="js/easyTooltip.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="https://support.microsoft.com/en-us/office/internet-explorer-help-23360e49-9cd3-4dda-ba52-705336cc0de2?ui=en-US&rs=en-001&ad=US">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<![endif]-->
</head>
<body id="page1">
<div class="extra">
<div class="main">
<header>
<div class="indent">
<div class="row-top">
<div class="wrapper">
<h1><a href="index.html">Bâti RénovatiO</a></h1>
<strong class="support"><a href="index.html">Bâti RénovatiO</a></strong>
</div>
</div>
pour le css :
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties ======================================================== */
html {width:100%}
body {font-family:Arial, times new roman, sans-serif;font-size:100%;color:#222;min-width:1020px;background:#BCBCBC}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat}
.main {width:1020px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.785em}
a {color:#00A8FF; outline:none}
a:hover {text-decoration:none; color: white}
.col-1, .col-2,
.column-1, .column-2 {float:left}
.wrapper {width:100%; overflow:hidden; position:relative}
.extra-wrap {overflow:hidden}
p {margin-bottom:18px}
.p1 {margin-bottom:8px; margin-top:10px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:40px}
.p5 {margin-bottom:50px}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.it {font-style:italic}
.color-1 {color:#fff}
.color-2 {color:#000}
.color-3 {color:#666}
/*********************************boxes**********************************/
.indent {padding:21px 0 0; position:relative; overflow:hidden}
.indent-left {padding-left:30px}
.indent-right {padding-right:50px}
.indent-bot {margin-top : 20px; }
.indent-bot2 {margin-bottom:30px}
.indent-bot3 {margin-bottom:45px}
.prev-indent-bot {margin-bottom:12px;}
.prev-indent-bot2 {margin-bottom: 0px; margin-top: 0px;}
.img-indent-bot {margin-bottom:25px}
.margin-bot {margin-bottom:35px}
.margin-top {margin-top:-7px}
.img-indent {float:right; margin:30 0px 0px 0}
.img-indent2 {float:left; margin:0 13px 0px 0}
.img-indent-r {float:right; margin:0 0px 0px 40px}
.buttons a:hover {cursor:pointer}
.menu li a,
.link,
.button,
.button-2,
h1 a {text-decoration:none}
/*********************************header*************************************/
header {
width:100%;
position:relative;
z-index:2;
}
.row-top {
width:100%;
min-height:101px;
background:url(../images/row-top-tail-grey.gif) left top repeat-x #03A9FF;
border-radius:9px 9px 0 0;
-moz-border-radius:9px 9px 0 0;
-webkit-border-radius:9px 9px 0 0;
position:relative;
overflow:hidden;
z-index:1;
}
h1 {
float:left;
padding:0 0 0 0;
position:relative;
}
h1 a {
display:block;
width:200px;
height:200px;
text-indent:-9999px;
background:url(../images/logorenovatio.png) 0 0 no-repeat;
}
Merci
bmwassim1999
Messages postés
12
Date d'inscription
samedi 27 octobre 2012
Statut
Membre
Dernière intervention
4 mars 2013
2
22 déc. 2012 à 17:45
22 déc. 2012 à 17:45
met l'encodage UTF8 sans BOM ;) j'avais le meme probleme
lakichan
Messages postés
18
Date d'inscription
jeudi 27 septembre 2012
Statut
Membre
Dernière intervention
23 mai 2013
5
26 déc. 2012 à 17:26
26 déc. 2012 à 17:26
J'ai déjà essayé et ça ne marche pas avec l'encodage utf8 sans BOM
La solution est peut-être ici ;)
http://www.lumieredelune.com/encrelune/polices-cufon-themes-wordpress,2012,03
http://www.lumieredelune.com/encrelune/polices-cufon-themes-wordpress,2012,03
lakichan
Messages postés
18
Date d'inscription
jeudi 27 septembre 2012
Statut
Membre
Dernière intervention
23 mai 2013
5
23 mai 2013 à 17:30
23 mai 2013 à 17:30
Bonjour Niko,
Merci pour la réponse.
Effectivement c'est ce qui se passait avec mon code, je l'ai découvert en fragmentant mon code et en testant à chaque fois jusqu'à trouver la ligne qui clochait. Je l'ai donc supprimée et depuis tout marche nikel.
Au moins, avec ta réponse je connais le pourquoi du comment !
Merci pour la réponse.
Effectivement c'est ce qui se passait avec mon code, je l'ai découvert en fragmentant mon code et en testant à chaque fois jusqu'à trouver la ligne qui clochait. Je l'ai donc supprimée et depuis tout marche nikel.
Au moins, avec ta réponse je connais le pourquoi du comment !
26 déc. 2012 à 17:32
>> cela voudrait dire que le problème ne se trouve pas dans cette partie mais après.
- Sinon, j'essaye mon code (complet) avec 3 navigateurs :
firefox : les titres n'affichent pas les lettres accentuées
google chrome : même chose que Firefox
Internet explorer : au début : affiche les titres avec les accents, mais bloque le contenu (le menu s'affiche en décalé et les images qui défilent en slider n'apparaissent pas à l'écran) et quand je clique sur autoriser le contenu bloquer : les lettres accentuées disparaissent, mon menu se remet bien sur une ligne et les images du slider apparaissent.
- J'ai déjà essayé de coder les lettres mais toujours le même résultat, elles ne s'affichent pas !!
je vais esssayer de fragmenter le code pour voir si je trouve l'erreur...