Discussion :

[noradan]

bonjour
je voudrais que mes sous-listes utilisent un tiret demi-cadratin comme indicateur et non un cercle.
(C'est d'ailleurs fou qu'on ne puisse toujours pas utiliser des listes à tiret ... pour ce que je viens de lire depuis une heure)
J'ai vu en passant quelque part qu'on pouvait mettre un code de caractère explicite en list-style-type .
Je veux dire pas le caractère lui-même qui peut ne pas être accessible avec mon clavier, mais un code , utf, ansi, etc. du genre U+2013
Rien de ce que j'ai tenté ne fonctionne

Merci pour une solution

[fred1599]

Hello,

Pas sûr d'avoir tout compris, et c'est loin d'être ma tasse de thé, mais si je comprend bien, ceci peut vous intéresser -> https://developer.mozilla.org/en-US/...b/CSS/::marker

[NoSmoking]

Bonjour,
regarde également du côte de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
li li {  /* liste 2éme niveau */
  list-style-type: "- ";
}

Ressource :

↪ list-style-type

[Declique69]

Tu as deux solutions :

1 - Trouver le code du caractère et l'inscrire avec \

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

list-style-type: '\2014  ';

Pense à mettre @charset "utf-8"; au début de la feuille de style. Ce doit être la toute première instruction, avec rien avant.

2 - Trouver le caractère lui même sur recherche de caractères

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

list-style-type: '— ';

[noradan]

Merci declique c'est ça que je voulais savoir
sauf que ... je suis en latin-1 !! ou windows-1252
le code ascii est alors 0150 , que faut-il mettre devant ?

Et mieux que faut-il mettre pour utiliser le code html ::– – &#8211 ?
Au moins ça, ça ne dépend pas du charset !

[Obsidian]

Bonjour,

Et mieux que faut-il mettre pour utiliser le code html ::– – &#8211 ?

C'est le problème : tu travailles dans une CSS, qui suit son langage propre et qui est indépendant du HTML, même si l'un est utilisé avec l'autre 99 % du temps (le pourcent restant correspondant aux transformées XSLT, aux mises en page pour impression et aux applications GNOME). Donc, tu peux utiliser n'importe quelle chaîne de caractère en y insérant éventuellement des caractères spéciaux via le slash d'échappement, mais tu ne peux pas utiliser d'entités XML ou HTML car elles ne seront pas interprétées.

Il faut donc utiliser la syntaxe proposée par Declique69, en gardant à l'esprit que U+2013 et U+2014 sont bien les positions respectives du tiret demi-cadratin et du tiret cadratin dans Unicode.

J'ajoute également que sur PC et sous Linux, en utilisant la disposition clavier « Français (variante) » mais désormais proposée par défaut depuis pas mal de temps, ces mêmes tirets « – » et « — » sont mappés sur les combinaisons de touches AltGr+Shift+5 et AltGr+Shift+4, respectivement là encore. J'en fais moi-même un usage soutenu.

Sous GNOME, on peut également utiliser Ctrl+Shift+U pour saisir n'importe quelle valeur Unicode en hexadécimal.

[NoSmoking]

quelque soit le codage de ta feuille le signe « moins(-) » sera rendu de la même façon !

[Obsidian]

quelque soit le codage de ta feuille le signe « moins(-) » sera rendu de la même façon !

Oui mais ce ne sont pas les mêmes.

Le tiret cadratin (le plus long) sert aux dialogues et à certaines propositions incises quand on veut les mettre en évidence (« … qui répond — parfois — au nom de Gaston… »), le tiret demi-cadratin sert aux énumérations ainsi qu'à des cas particuliers comme la possibilité de servir de trait d'union si l'un des termes à joindre en contient déjà (cas de Saguenay–Lac-Saint-Jean dans la page Wikipédia).

Le tiret court, quand à lui, se décline lui-même en différentes occurrences : le trait d'union, le tiret simple et le signe « moins » qui en réalité ne sont pas les mêmes non plus. Le « moins » doit avoir la même largeur que le « plus » et également se trouver à la même hauteur, et celle-ci n'est pas forcément la même que les tirets typographiques.

En matière de traits d'union, enfin, il existe des variantes aussi bien au niveau typographique sur papier (même manuscrit) qu'en informatique. Je m'étais laissé dire (il faudrait que je le revérifie) qu'un mot en fin de ligne qui contient déjà un trait d'union et qui doit être découpé ne reporte son tiret que sur une seule des deux lignes, quand un mot ordinaire coupé en deux place un tiret sur les deux. La page Wikipédia indique qu'Unicode définit un « tiret conditionnel » qui n'apparait qu'en cas de césure forcée et indique où le placer.

[NoSmoking]

Bien d'accord avec toi et les différents cas énumérés mais dans le cas présent on est en présence d'un usage purement décoratif, dixit :

Je voudrais que mes sous-listes utilisent un tiret demi-cadratin comme indicateur et non un cercle.

... donc on fait simple et on évite de dépenser trop d’énergie sur ce genre de chose .

[Obsidian]

dans le cas présent on est en présence d'un usage purement décoratif

Je comprends mais je ne suis pas tout-à-fait d'accord le fond : par « cercle », je pense qu'il parle de la puce qui préfixe par défaut les entrées de liste, et à juste titre parce qu'elle bien nommée « circle » dans les paramètres de la CSS (parce qu'en fait, list-style-type propose « disc » ou « circle » pour obtenir une puce pleine ou évidée). Mais justement, si c'est bien une liste non ordonnée, donc une énumération ou un inventaire, alors c'est bien le tiret demi-cadratin le plus approprié.

Ça vaut le coup de s'attarder un peu sur ce genre de détail, tant que ça n'accapare pas le projet entier, car les gens s'inspirent énormément de l'existant. Être confronté à un style qui respecte les règles d'usage en typographie aide à conduire les gens à les adopter spontanément ensuite.

[noradan]

Toujours est-il: que dois-je écrire pour avoir un demi cadratin en latin1 ? de code 0150, le backslash '\' servant pour l'utf8.
Je n'aime pas l'idée de l'écrire au clavier avec un alt0150.

[Obsidian]

Toujours est-il: que dois-je écrire pour avoir un demi cadratin en latin1 ? de code 0150, le backslash '\' servant pour l'utf8.
Je n'aime pas l'idée de l'écrire au clavier avec un alt0150.

Réponse courte :

C'est bien \2013 qu'il faut utiliser dans ta CSS, quel que soit le jeu de caractères en vigueur sur ta machine (ne serait-ce que ce ne sera pas le même sur celles des clients de ton site).

Réponse développée :

Il n'y a pas de tiret cadratin ni demi-cadratin en ISO-8859-1 ou 15 (Latin1) : carte des caractères ISO-8859-1

Il y en a bien en Windows 1252 (effectivement aux positions 150 et 151) mais c'est un hasard. Tu retomberais dans le même problème si tu devais choisir une autre page de code, telle que CP437 ou 850 sous DOS.

Par ailleurs, si je comprends bien le sens de ta question, il n'est pas possible d'indiquer à la CSS une page de code à utiliser, ce qui n'aurait pas de sens dans un standard ouvert surtout lié à l'échange de documents sur le réseau. CSS n'a pas de lien direct avec windows-1252 et certainement pas avec Windows en général.

Unicode n'est pas non plus une « page de code alternative » au même titre que celles cités ci-dessus. C'est une initiative visant à recenser l'ensemble des glyphes usités dans le monde et leur attribuer à chacun un numéro unique et un nom d'entité, ce qui permet de les reconnaître même quand leur représentation n'est pas disponible sur un système donné et de les distinguer lorsque deux caractères distincts se dessinent de la même façon (ce qui a d'ailleurs posé des problèmes de sécurité avec les URL en xn--).

En outre, quel que soit le jeu de caractères en vigueur sur ta machine, il ne contient jamais la totalité des caractères répertoriés accessibles sur le web et que ton navigateur est en mesure de rendre aujourd'hui, ne serait-ce que parce qu'Unicode recense à ce jour environ 1,1 million de caractères.

Cela veut donc dire qu'il te faut :

• Soit rédiger ta feuille de styles en UTF-8 et écrire directement ton caractère dedans (quitte à le copier-coller) ;
• Soit utiliser le code Unicode du caractère que tu cherches à obtenir, et c'est ton système qui se chargera de le translittérer dans le jeu de caractères en vigueur sur ton poste… s'il existe ! Dans le cas contraire, soit le navigateur lui-même tentera de charger une police de caractères alternative qui le contient, soit il échouera avec le marqueur en vigueur, donc soit un « ? », soit le code du caractère sur quatre chiffres écrits dans une petite boîte.

[noradan]

OK !

je laisse \2013
Mais je dois reconnaitre que j'ai quelques difficultés à comprendre les charset.

Par exemple mon winamp qui s'est installé en utf refuse catégoriquement d'utiliser la définition charset="windows-1252" de ma page.
Du coup je n'ai aucun accent, je m'en moque un peu car je sais que la page va correctement s'afficher sur le site mais c'est un peu idiot.