Propriété CSS inconnue
J'ai téléchargé un kit graphique qui me plaisait bien pour développer un petit projet, et dans ce kit graphique les titre entre balises <h2> ne prennent pas en compte les lettre accentuées comme é è ou à, c'est à dire que quand j'écris par exemple " <h2>été ensoleillé</h2> ", à l'affichage dans le navigateur cela devient " t ensoleill ".
Ca fait 1 heure que je cherche ce qui peut empêcher les caractères accentués de s'afficher mais je ne trouve pas.
Existe-t-il une propriété css qui empêche les accents ? Quelqu'un aurait-il une idée du problème ?
Merci pour vos réponses.
Configuration: Windows 7 Firefox 3.6
23 réponses
Le fil porte sur un problème d'affichage des lettres accentuées dans les titres h2 d'un kit graphique, où les mots tels que été ensoleillé ne s'affichent pas correctement dans le navigateur. Plusieurs réponses évoquent des causes possibles liées à l'encodage, notamment UTF-8 sans BOM, et à une interaction avec une librairie de remplacement de police comme Cufon qui peut tronquer certains caractères. Des conseils techniques portent sur le meta charset, le code HTML des balises et le chargement des polices dans la sidebar où le problème semble apparaître. Une nuance utile est que le souci est souvent localisé à la sidebar; cela suggère d'examiner une interaction CSS/JS spécifique ou l'intégration de Cufon dans ce bloc.
-
Ok merci pour votre aide.
-
Ah ok je comprends maintenant, je savais pas ce qu'était cufon, j'ai été voir ce que c'était, tu as raison le problème viens surement de là . Merci .
-
ContributeurTU aurais due commence par dire que tu utilisais Cufon !!!!!
<script type="text/javascript"> Cufon.replace('h2, #main .post .related h3, #main .post .share h4, #main #commentsarea h3'); </script>
pour moi le probleme vient de la !! -
Tiens avion-f16, j'ai uploader le kit tout vierge à cette adresse : http://milouses.free.fr/
J'ai juste écris "dernières mises à jour" dans une balise h2 de la sidebar pour te faire voir le problème. -
Ben là je travaille en local mais je vais essayer d'uploader le kit graphique que j'ai télécharger sur un serveur et je te mets le lien ici après.
Merci. -
Il y aurait moyen de voir ça en ligne ?
-
Ben ça c'est fait mais je précise que le problème est uniquement dans les titre h2 de la sidebar, ailleurs dans le document y'a aucun problème les lettres avec accents s'affichent . Je n'y comprends rien, j'ai cherché partout dans le code ce qui pourrait clocher mais je n'ai rien trouvé.
-
Ah ok autant pour moi, mais t'aurais pas une idée du problème par hasard ?
-
Bonjour avion-f16, je n'ai jamais dit que les navigateurs savaient interpréter les caractères accentués c'est juste que les caractères accentués ne s'affiche pas : quand j'écris "dernières mise à jour" dans mon code, le navigateur lui m'affiche "dernires mise jour" . Alors je comprends pas j'ai jamais vu ça.
-
"les navigateurs en general ne savent pas interpreté les caracteres accentués"
Où as-tu été chercher cette connerie ? -
Je viens d'essayé avec <h2><?php echo utf8_encode('Dernières mises à jour'); ?></h2> mais ça marche toujours pas.
-
C'est une page php ou HTML ?? parce que si php tu peux essayer
<h2><?php echo utf8_encode('Dernières mises à jour'); ?></h2> -
Bon ben je viens d'essayer avec notepad mais rien ne change, j'ai posé la question au développeur qui a codé le kit graphique sur le site ou je l'ai téléchargé https://themeforest.net/ mais je n'ai pas encore eu de réponse (en espérant qu'il ai compris mon anglais)
-
-
@artheziusOui j'ai essayé avec utf-8 sans BOM mais rien ne change.
-
-
J'utilise plusieurs éditeurs mais surtout Komodo Edit et dreamweaver sur lesquels à ma connaissance il n'y a pas d'onglet comme sur notepad ++ qui permettent de choisir l'encodage. Mais je vais essayé d'éditer mon fichier avec notepad pour voir
-
hmmm c'est une insulte ou c''est ironique psk sa va mal tourner P.S: j'ai 17ans et pas 2 ans
-
CSS c'est counter strike source ???O.O
-
et tu utilises quoi comme editeur HTML ? regarde comment il encode.. par exemple avec notepad++ il y a un onglet "format" qui te permet de choisir comment tu encodes ton texte..
-
Voici le charset :
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
le code html :
<div id="sidebar">
<div id="popular" class="widget">
<h2>Dernières mises à jour</h2>
</div>
</div>
et le code css qui correspond :
h2 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
#sidebar h2 {
margin: 0 0 20px 0;
font-size:20px;
color: #0b2236;
}
#sidebar .widget {
padding: 25px 25px 10px;
border-bottom: 1px solid #e4e4e4;
background: #fafafa url(../images/widget_bg.jpg) repeat-x;
overflow: hidden;
}
et c'est tout ce qui correspond au h2 dans la sidebar (ailleur il n' y a pas de problème)
J'ai épluché le code mais je ne comprends toujours pas, est-ce qu'il existe une propriété css qui empêcherait les accents ?
J'ai aussi épluché le code javascript au cas ou, mais je ne vois pas ce qu'il aurait à voir avec le problème.
Voilà je sais pas si ça peut vous éclairer, mais merci pour vos réponses. -
c'est quoi le charset de ton fichier html ?
-
ya moyen de voir ton code; c plus facile comme ça pour commenter
- 1
- 2