[RÉGLÉ] Ajouter du padding dans un article avec JCE editor ou autre

[Boscaro]

Bonsoir,
comment faire pour ajouter du padding dans un article avec JCE editor ou autre ?
par avance merci.

[Agrepe]

Re : Ajouter du padding dans un article avec JCE editor ou autre

Bonsoir,
modifiez ou ajoutez le padding dans le fichier principal css du template, je ne connais pas votre Template, par exemple dans template.css.
Pour cela examinez votre page (avec Chrome par exemple) pour savoir de quelle classe et fichier CSS qu'il s'agit.
Cordialement.
Eric.

[Agrepe]

Re : Ajouter du padding dans un article avec JCE editor ou autre

Si ce n'est que pour un article, dans ce cas, insérez les styles directement dans l'article. (Avec l'éditeur de code)
Cordialement.
Eric

[Boscaro]

Re : Ajouter du padding dans un article avec JCE editor ou autre

OK j'essaie avec l'éditeur de code.
Merci beaucoup

[PieceOfCake]

Re : Ajouter du padding dans un article avec JCE editor ou autre

Bonjour,

si vous êtes vraiment et définitivement rétif à l'utilisation de l'éditeur de code, JCE propose une alternative assez efficace :

Commencer par sélectionner le bon élément HTML (celui sur lequel doit porter le CSS) via le fil d'ariane en bas de la zone d'édition (il faut au préalable placer le curseur de saisie au non emplacement dans le texte). Pour information on peut cliquer sur n'importe lequel des éléments de ce fil d'ariane pour le sélectionner (sélection du texte correspondant dans la zonbe de saisie).

Une fois l'élément HTML sélectionné, utiliser l'icône 'Insérer / Modifier un évéénement dans la balise' 11 icone de la quatrième rangée de toolbar de JCE (sur une version par défaut) puis dans l'onglet standard, remplir la zone style avec le code css inline souhaité.

C'est plus long à écrire qu'à faire

Ah petite chose en passant, renez l'habitude de terminer votre code css inline par un point-virgule sou speine de ne pas voir les modifications s'effectuer

Cordialement

[Boscaro]

Re : Ajouter du padding dans un article avec JCE editor ou autre

Bonsoir, je ne vois pas ou se trouve ce fil d’Ariane et comment sélectionner le "bon élément html" , dois je faire en ouvrant l'article dans jce éditeur ?

[PieceOfCake]

Re : Ajouter du padding dans un article avec JCE editor ou autre

Oui bien sûr, ça commence par cela ! (comment éditer le contenu sans ouvrir l'article ?)

ci-dessous une image présentant l'opération concernée


La ligne sous la zone éditable représente la structure HTML qui 'entoure' le curseur et le point actif dans le document : en l'occurrence dans cet exemple il s'agit de :

Chemin : blockquote.rounded > ul > li

car le point d'insertion est actuellement dans un élément de liste lui-même contenu dans un élément blocquote affecté de la classe 'rounded'.
A l'aide de ce chemin d'ariane, il suffit de cliquer sur li ou ul ou rounded ou blockquote pour affecter de nouveaux attributs css à l'élément sélectionné. Ces nouveaux attributs CSS seront insérés (ou modifiés) via le bouton accessible dans la barre d'action (entouré en rouge sur la capture d'écran)

[Boscaro]

Re : Ajouter du padding dans un article avec JCE editor ou autre

j'ai réussi en passant en mode source.
merci beaucoup pour vos infos.