28173 sujets

CSS et mise en forme, CSS3

Code édité sous Mac : plus de styles !

Bonjour.

J'ai fait un site pour quelqu'un qui utilise un Mac, et de lui ai montré un peu comment c'est à l'intérieur pour qu'elle puisse modifier le texte entre les balises, et changer des petits trucs...

J'ai fait le site sous linux/windows (ave Scite et Gedit pour la coloration syntaxique). Elle utilise des logiciels de texte sous Mac (dont Taco) pour éditer le code. Lorsqu'elle sauvegarde, on lui demande de choisir un jeu de caractères. Si elle choisit "unicode", les accents s'affichent mal. Si elle choisit "uft-8 local", le texte s'affiche bien, mais il n'y a plus aucun style : comme si le lien vers la feuille de style était rompu.

Si je copie-colle son code avec mon ordi sous linux/windows, et que j'uploade le fichier de mon ordi, sans en toucher un poil, alors tout s'affiche à merveille !

Qu'est-ce qui se passe quand elle enregistre le fichier sous Mac ? Comment réoudre le problème ?

Je vous donne le DTD et le head, au cas ou ça vous aide...

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>bienvenue sur le site d'Ingrid Blasco !</title>
<meta name="description" content="le site d'Ingrid Blasco, vielliste" />
<meta name="author" content="Malo Morvan" />
<meta name="keywords" content="Ingrid blasco, duolivine, musique modale, musique ancienne, compositeur, animation, concert, ingrid, blasco, veille, vielle à roue, musique, musique bretonne, fest-noz, mervili, trad, traditionelle" />
<meta name="robots" content="follow" />
<link href="style.css" type="text/css" rel="stylesheet" />
</head>

Le site se trouve ici : http://www.ingrid-blasco.com
Salut,

il faudrait pour commencer préciser le jeu de caractères utilisés dans la page HTML, à l'aide de la balise meta adéquate : 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Cela devrait aider les navigateurs à lire les caractères correctement si le fichier est encodé en utf-8.

Ensuite, supprimer le prologue xml (la toute première ligne du code HTML, là). Non seulement il est inutile pour une page web "classique" (servie comme text/html), mais en plus il fait basculer IE en mode quirks, ce qui pose toute une série de problèmes de rendu par la suite. Et pour couronner le tout, on retrouve une information sur le charset, qui ne sera pas forcément en accord avec les autres indications (pour peu qu'elle soit utilisée par le navigateur). Bref, il vaut mieux le virer.

Enfin, s'assurer que les charset utilisés sont cohérents (html & css) et correspondent à ce qui est indiqué dans la page.

Après, si ça ne va pas mieux, on avisera Smiley cligne
Ok merci.

Je teste ça tout à l'heure et vous tient informés.

En tous cas merci pour la rapidité et la précision...
Excusez-moi, je n'ai pas eu le temps de voir tout ça. Je vous tiendrai au courant de ce qu'il en est, au plus tôt le week-end prochain.
Voici donc ce que j'ai mis :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />


J'ai mis ISO-8859-1 et pas UFT-8, car ça affichait mal les caractères ñ et ù (très utilisés en breton) avec UFT-8.
Sujet clos
Aller à