Accents effacés dans mes titres
Résolu
Utilisateur anonyme
-
ElementW Messages postés 4814 Date d'inscription Statut Contributeur Dernière intervention -
ElementW Messages postés 4814 Date d'inscription Statut Contributeur Dernière intervention -
Bonsoir,
J'ai un léger soucis :
Quand pour un titre je met ceci : "<h3>Changement du nom et/ou prénom</h3>", sur le site il s'affiche "<h3>Changement du nom et/ou prnom</h3>".
Mais ça ne viens pas de l'encodage du site (utf8...) puisque ça n'arrive qu'aux titres.
Pour moi c'est le CSS mais je ne vois pas quoi.
CSS des titres :
Merci.
J'ai un léger soucis :
Quand pour un titre je met ceci : "<h3>Changement du nom et/ou prénom</h3>", sur le site il s'affiche "<h3>Changement du nom et/ou prnom</h3>".
Mais ça ne viens pas de l'encodage du site (utf8...) puisque ça n'arrive qu'aux titres.
Pour moi c'est le CSS mais je ne vois pas quoi.
CSS des titres :
/* headings */
h1 {
clear: both;
color: #fff;
font-size: 1.7em;
float: left;
}
h1 span {
color: #D1D1D3;
}
h1 a
{
color: #fff;
}
h2 {
clear: both;
float: left;
font-size: 2.94em;
color: #fff;
line-height: 1.6em;
position: absolute;
top: 75px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
h3 {
font-size: 1.4em;
color: #424248;
margin: 0 0 10px;
}
Merci.
A voir également:
- Accents effacés dans mes titres
- Comment recuperer des messages effacés sur whatsapp - Guide
- Appliquez à tous les paragraphes du document à télécharger, à l’exception des titres et des sous-titres, la mise en forme suivante : - Guide
- Comment recuperer les messages effacés sur whatsapp - Guide
- Lettres avec accents - Guide
- Comment enlever les sous-titres télécommande universelle - Forum Téléviseurs
5 réponses
Utilisateur anonyme
charset=iso-8859-1 :)
Utilisateur anonyme
ok et tu utilise pas une police particulière ?
Utilisateur anonyme
Ne voudrais-tu pas le lien de mon CSS plutot ? Je ne l'ai pas codé moi-même
Utilisateur anonyme
oui volontiers
Utilisateur anonyme
http://freeliker.fr/css/main.css
oui en effet les accents disparaisse. j'ai passé au validateur le css et il n'y a que trois erreurs qui n'on rien à voir je pense.
essaye de mettre en UTF-8 le HTML et le CSS
¨'°ºO׺°"~'"°º×Oº°'¨Linux est le noyau --*^v^-^v^*-- et Windows les pépins(¯'·o©º°¨¨°©o)·
essaye de mettre en UTF-8 le HTML et le CSS
¨'°ºO׺°"~'"°º×Oº°'¨Linux est le noyau --*^v^-^v^*-- et Windows les pépins(¯'·o©º°¨¨°©o)·
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Jay touvay!
Le modèle de ton site utilise cufón, un javascript qui permet aux utilisateurs de voir la police d'écriture même si ils ne l'ont pas en transformant le texte en élément canvas... pas bien léger tout ça (ni très accessible, mon avis en tout cas).
De plus, des éléments <canvas> dans du XHTML1.0 c'est pas standard.
Aussi, convertit tout ton site en UTF-8 si tu veut l'utiliser, pas un morceau seulement. C'est mieux.
En premier, élimine le
J'vais t'appendre la magie du CSS3: les webfonts!
Direction la page de téléchargement officielle de la police Titillum et prends le Titillium_webfontkit V.1.0.
Dans ce zip trainera un bon nombre de fichiers.
Comme tu utilises juste la version "regular" (pas "bold" ni "italic"), extrait tous les fichiers titillum-webfont-regular.* (sauf le .html, c'est juste un exemple) et mets-les dans un dossier, par exemple "fonts" dans le dossier "css".
Par la suite, insère ce morceau de CSS dans ta feuille de style:
Le modèle de ton site utilise cufón, un javascript qui permet aux utilisateurs de voir la police d'écriture même si ils ne l'ont pas en transformant le texte en élément canvas... pas bien léger tout ça (ni très accessible, mon avis en tout cas).
De plus, des éléments <canvas> dans du XHTML1.0 c'est pas standard.
Aussi, convertit tout ton site en UTF-8 si tu veut l'utiliser, pas un morceau seulement. C'est mieux.
En premier, élimine le
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Titillium.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1,h2,h3,#menu li a');
</script>dans le head.
J'vais t'appendre la magie du CSS3: les webfonts!
Direction la page de téléchargement officielle de la police Titillum et prends le Titillium_webfontkit V.1.0.
Dans ce zip trainera un bon nombre de fichiers.
Comme tu utilises juste la version "regular" (pas "bold" ni "italic"), extrait tous les fichiers titillum-webfont-regular.* (sauf le .html, c'est juste un exemple) et mets-les dans un dossier, par exemple "fonts" dans le dossier "css".
Par la suite, insère ce morceau de CSS dans ta feuille de style:
@font-face {
font-family: 'Titillium';
src: url('fonts/titillium-regular-webfont.eot');
src: url('fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/titillium-regular-webfont.woff') format('woff'),
url('fonts/titillium-regular-webfont.ttf') format('truetype'),
url('fonts/titillium-regular-webfont.svg#TitilliumRegular') format('svg');
font-weight: normal;
font-style: normal;
}et après manque plus qu'a définir la police:h1,h2,h3,#menu li a {
font-family: 'Titillium';
}
Bonjour,
Tu as des éditeurs de texte ou des commandes qui peuvent facilement te convertir en UTF-8 des fichiers (par exemple sublime text 2 ou notepad++) qui semblent fonctionner avec les accents. Et sinon des commandes unix :
https://www.math.u-bordeaux.fr/imb/cellule/passage-de-iso-8859-1-a-utf-8
Tu as des éditeurs de texte ou des commandes qui peuvent facilement te convertir en UTF-8 des fichiers (par exemple sublime text 2 ou notepad++) qui semblent fonctionner avec les accents. Et sinon des commandes unix :
https://www.math.u-bordeaux.fr/imb/cellule/passage-de-iso-8859-1-a-utf-8
la partie pour autoriser les accents? Y'en a pas, tes accents étaient bel et bien là, avant que ce fichu script "cufón" (que je déteste en fait...) ne les élimine en voulant les écrire sur un <canvas> pour afficher la police.
Le JS les éliminait. Plus de JS = retour des accents; mais pas de police.
Et on utilise CSS3 pour remettre la police en place.
@e666: +1 pour la mention des commandes UNIX (iconv...)
