Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Liste à puce

Rémy Bernard
le 15 mars 2013
à 08:59
Rappel du sujet :

Bonjour
Lors de la création d’un texte dans un article, j’insère une liste à puce jusque là pas de souci....
mais le résultat sur le site est différent car la liste à puce n’apparait pas, juste un retrait vers la droite sans puce.
Merci d’avance pour votre réponse.

Liste à puce

Hello

Tu fais bien tes listes à puces avec un tiret, une étoile et une espace au début de chaque ligne comme sur cet exemple ?

-* première ligne
-* deuxième ligne
-* troisième ligne
...

Ce qui donnera ceci :

  • première ligne
  • deuxième ligne
  • troisième ligne
    ...

Sinon, une url pour voir ça ?

Liste à puce

Non ! J’utilise pour la création des articles le plugin ckeditor-spip3-plugin et je clic sur liste à puce.
qui correspond au code html ul et li

Liste à puce

Arf, je n’aime pas du tout CKEditor, notamment pour ce genre de mauvaise surprise.

Utilise plutôt le raccourci SPIP que je t’ai indiqué plus haut

Liste à puce

C’est dommage !
L’éditeur wising est destiné aux rédacteurs qui ne sont pas des spécialistes SPIP et cet éditeur facilite grandement la vie ... Insertion d’image, formatage du texte, liens etc. etc
Souvent les rédacteurs utilisent le copier coller depuis un fichier Word et toute la mise en page est compromise sans un éditeur wising....

Liste à puce

Peut-être mais je ne connais pas d’éditeur wysiwyg qui donne un code propre. De plus, avec un tel éditeur, le site risque de perdre très vite son unité graphique, chaque rédacteur y allant de sa présentation personnelle.

J’ai testé il y a quelques années avec des élèves de collège. Résultat : dans la même rubrique, on avait des articles complètement différents d’un point de vue graphisme, un vrai arbre de Noël ! J’ai très vite fait machine arrière.

Et je te dis même pas la galère si tu veux essayer d’harmoniser ensuite.

Sans parler des problèmes d’accessibilité.

Voir cet article de l’académie de Rouen plus détaillé sur le sujet

Liste à puce

Merci pour ta réponse 😉
J’ai trouvé une solution dans en ajoutant dans perso.css

#li {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: square;
}
Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre. Inutile de le poster à nouveau ;-)

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2025 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.2.14