60 votes

HTML - CSS: Liste commandée sans la période?

Je pense que la réponse à cette question est non ... mais est-ce que quelqu'un sait d'un html / CSS moyen de créer une liste ordonnée sans une période après les chiffres? Ou, alternativement, pour spécifier le caractère séparateur?

Idéalement, je ne veux pas faire la liste de style-image avec une classe différente pour chaque numéro, mais c'est tout ce que j'ai été en mesure de penser jusqu'à présent ... Cela semble terriblement peu sémantique.

Ie:

86voto

Chris Points 3992

C'est parfaitement possible de faire avec juste CSS (2.1):

Gardez à l'esprit que cette solution repose sur le :avant pseudo-sélecteur, de sorte que certains navigateurs plus anciens - IE6 et IE7 en particulier - ne rendra pas les numéros générés. Pour ces navigateurs, vous voudrez ajouter une règle CSS supplémentaire qui cible seulement eux pour utiliser le style de liste normal:

8voto

Hatake Kakashi Points 1223

Voici la solution

Nombre de listes d'ordre nouétés en HTML

Tout ce que vous avez à faire est de changer un peu ici

^^

3voto

neemzy Points 790

Je viens de trouver une contournement pour les cas où vous voulez simplement supprimer le point. Pas la meilleure solution jamais, mais il est fait avec seulement CSS et fonctionne dans tous les navigateurs. L'inconvénient, c'est que vous avez besoin du textnode dans le LI pour être enveloppé dans une autre étiquette (lt;span gt; ou quelque chose). Dans mon propre cas, le 'lt;ol'gt; a été utilisé comme une liste de liens, afin que je puisse utiliser mon 'lt;a 'gt; tags!

Le CSS que j'ai utilisé :

0voto

ariel Points 5372

Vous pouvez ajouter les numéros plus tard en utilisant jQuery:

Essayez l'échantillon ici.

Plus d'infos sur jQuery ici.

0voto

morgar Points 1706

On dirait que vous êtes foutu avec les périodes :) Je pense que la seule façon est de construire la liste par vous-même avec``

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X