Accents effacés dans mes titres

Résolu/Fermé
Utilisateur anonyme - 28 juil. 2013 à 21:21
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 - 31 juil. 2013 à 21:24
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 :

/* 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.

5 réponses

Utilisateur anonyme
28 juil. 2013 à 21:27
salut quel encodage utilise tu ?
0
Utilisateur anonyme
28 juil. 2013 à 21:29
charset=iso-8859-1 :)
0
Utilisateur anonyme
28 juil. 2013 à 21:32
ok et tu utilise pas une police particulière ?
0
Utilisateur anonyme
28 juil. 2013 à 21:34
Ne voudrais-tu pas le lien de mon CSS plutot ? Je ne l'ai pas codé moi-même
0
Utilisateur anonyme
28 juil. 2013 à 21:34
oui volontiers
0
Utilisateur anonyme
28 juil. 2013 à 21:37
http://freeliker.fr/css/main.css
0
Utilisateur anonyme
28 juil. 2013 à 21:43
je ne comprends pas, tu peux mettre un accent pour voir stp
0
Utilisateur anonyme
28 juil. 2013 à 21:46
D'accord, va à freeliker.fr/index.php et regarde le titre "Nouveautés et mises à jour".
0
Utilisateur anonyme
28 juil. 2013 à 21:48
PS : je viens de remarquer que les accents apparaissent puis disparaissent.
0
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)·
0
Utilisateur anonyme
28 juil. 2013 à 22:01
Voilà qui est fait
0
Utilisateur anonyme
28 juil. 2013 à 22:05
c'est pire remet comme c'était. je suis désolé mais je vois pas du tout...je reste en spectateur, d'autres sauront certainement

bonne soirée
0
Utilisateur anonyme
28 juil. 2013 à 22:10
D'accord, merci.
0
Utilisateur anonyme
29 juil. 2013 à 14:54
Toujours personne ? :/ c'est urgent xP
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228
30 juil. 2013 à 09:13
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
<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';
}
0
Utilisateur anonyme
31 juil. 2013 à 21:06
Mais quelle partie permet d'autoriser les accents ? x))
CSS3 ou javascript ?

Mais en UTF-8, je dois changer touuuuuuuus les accents, autant dire que je n'ai pas que ça à faire.

Merci ;)
0
e666 Messages postés 458 Date d'inscription jeudi 23 août 2012 Statut Membre Dernière intervention 2 août 2014 175
31 juil. 2013 à 21:20
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
0
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 228
Modifié le 9 mars 2023 à 00:42

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

0