[RÉSOLU] Problème d'espaces dans les titres et les articles avec le thème "P3ter"

Metropolis

Bonjour,

J’utilise le thème P3ter pour mon site sous PluXml, et je rencontre un problème d’affichage :
Lorsque je rédige un article, des espaces apparaissent entre chaque lettre dans le titre ainsi que dans le contenu de l’article. Cela rend la lecture difficile.

Voici un exemple visible ici :
👉 https://demo2.pluxopolis.net/index.php?style=p3ter-1-2

Je ne sais pas si cela vient du thème ou d’un autre réglage.
Auriez-vous une idée de l’origine du problème et comment le corriger ?

Merci d’avance pour votre aide !

gcyrillus-nomade

Bonjour,

C'est un thème de 2013 qui semble fonctionner normalement sur la demo ; PluXml 5.8.X et PhP 8.X

Si tes lettres ont de gros écart les unes avec les autres et sans voir ton site, il n'y a que letter-spacing qui pourrait faire ça. Mais un script peut aussi mettre le bazar.

Comme on a aucune idée de: ta version de PluXml, dés plugins que tu utilises, si tu as fait des modif dans le thème ou intégré d'autre feuille de style ou JavaScript, etc.il va être impossible de t'aider sans plus d'informations. J'ai cassé ma boule de cristal

cdt

Metropolis

J'utilise la version PluXml 5.8.19, sans plugin ni modification, avec PHP 8.2.
Sur la démo, on peut voir le problème apparaître sur certains articles :
https://demo2.pluxopolis.net/article3/lorem-ipsum-praesent-habitant-vehicula-tempor-ultrices

gcyrillus-nomade

hmm, l'espace n'est qu'entre les mots , cela est du à l'alignement du texte.

regarde à la ligne 85 du fichier style.css et commente la troisieme règle comme ceci :

#article{
    float: left;
    width: 630px;
    /* text-align: justify; */
}

Metropolis

Ça ne fonctionne pas, j’ai même essayé en local avec Ampps.
Je me suis aperçu que ça ne le faisait que sur Google Chrome, que ce soit sur PC ou sur smartphone. Par exemple, sur mon téléphone avec le navigateur Opera, je n’ai pas ce problème. Bizzare

gcyrillus-nomade

Bonjour,

Pour s'assurer que le navigateur prenne bien les changements dans la feuille de style, il faut vider son cache.

La touche F5 permet de vider et de recharger toutes les ressources d'une page.

_{La démo en ligne n'a et ne sera pas modifiée si tu testes cette page}

Si le look te plaisais, voici une version proche et récente http://pluxthemes.com/themes/peete1-2.zip C'est un fork et une mise en application de la série d'articles : https://pluxthemes.com/creer-un-theme-etape-fichiers-01 .

Pour afficher les icones et liens des réseaux sociaux, le thème va chercher une page statique appeler "reseaux" et l'inclure automatiquement si trouvée.

Exemple de structure à insérer dans cette page statique (masquer au menu) pour reprendre le look de p3ter1-2:

<div id=social>
    <h3>Réseaux Sociaux</h3>
    <a target="_blank" href="https://twitter.com/"><img src="<?php $this->template() ?>/img/twitter.png" border="0"/></a>
    <a target="_blank" href="https://plus.google.com/"><img src="<?php $this->template() ?>/img/google.png" border="0"/></a>
    <a target="_blank" href="http://www.youtube.com/"><img src="<?php $this->template() ?>/img/youtube.png" border="0"/></a>
    <a target="_blank" href="http://feeds.feedburner.com/"><img src="<?php $this->template() ?>/img/feed.png" border="0"/></a>
</div>

Metropolis

Bonjour 🙂
Je viens de supprimer le cache de mon navigateur Chrome et maintenant tout fonctionne parfaitement. Je suis vraiment content, merci beaucoup ! Ça fait vraiment plaisir, car cela faisait une semaine que je cherchais une solution à ce problème.