[RÉGLÉ] classes css

[pjuignet]

Bonjour,

Question naïve :
J'ai fait des classes css pour diverses mises en forme dans le user.css.

Quand je les appelle dans les articles créés par TinyMCE par

<div class="xxxxxx">
<p>blablabla</p>
</div>

cela ne produit aucun effet.

Y a-t-il une directive à mettre quelque part ?

[RobertG]

Bonjour,

Que se passe-t-il si tu utilises

<div>
<p class="xxxxxx">blablabla</p>
</div>​

ou encore

<div >
<p><span class="xxxxxx">blablabla</span></p>
</div>​

[pjuignet]

Bonjour Robert
Il ne se passe tout simplement rien.
Le texte reste inchangé.

[RobertG]

Est-ce que tu retrouves la classe dans le code source de la page html ?

[pjuignet]

Oui
Exemple dans le user.css

/*class="cadre1" */
.cadre1 {
  font-weight: bold;
  padding: 0.5em;
  border-radius: 1em;
  border: 1px solid black;
}

/*class="cadre2*/
.cadre2 {
  padding: 0.5em;
  border-radius: 1em;
  box-shadow:  0px 0px 1em 0.1em #913C03;
  }

/*class="shadowbox*/
.shadowbox {
    border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}​

en html

<div class="cadre2">
<p>blablabla</p>
</div>
​

qui n'est pas effacé et persiste

mais en clair:
blablabla

sans aucun effet

[RobertG]

Ce que tu cites "en html", c'est dans la partie "code" de TinyMCE, en mode création/modification de l'article, ou sur la page affichée ?

[pjuignet]

Oui exact.

[RobertG]

Dans la page affichée côté site, vois-tu l'affichage de ta classe ? et si tu utilises les outils de développement du navigateur, vois-tu user.css chargé ?

[pjuignet]

Côté site le user.css fonction bien et la mise en forme du site est respectée.
Par contre les classes dont je parle ne sont pas prises en compte.

[RobertG]

Tu peux me donner une adresse de page concernée, ici ou par mail ?

[pjuignet]

OK. j'en refais une car j'ai enlevé le code inefficace pour ne pas surcharger bêtement la page.
Je reviens quand c'est fait.

[pjuignet]

Exemple sur la page d'accueil du site dans l'article "intelligence artificielle"
j'ai ajouté

<div class="cadre2">
<p>Thème : intelligence artificielle</p>
</div>​

[RobertG]

Je vois ceci

[pjuignet]

Tu es un magicien ! ça marche
Bon je ne sais pas quoi dire. Je suppose que les essais effectués précédemment ont échoué à cause du cache.

[RobertG]

Probablement en effet. Souvent, soit je force le vidage, soit je désactive LiteSpeed, mais comme tu n'utilises que le .htaccess, c'est plus compliqué.