</hr> readmore et mise en page

[bigbert]

Bonjour,

j'ai rencontré un problème d'affichage du à l'insertion des balises hr readmore pour les textes d'intro des articles en vedette, et d'après mes recherches, je vois que le problème est persistant depuis plusieurs années déjà. Malheureusement je n'ai trouvé de solution nulle part pour le moment, or si je ne m'abuse, c'est la seule solution proposée par joomla pour afficher une intro d'article.

Du coup je m'interroge sur la meilleure manière de régler ce problème qui va nécessairement revenir. Je ne vois pas les rédacteurs du site se coller au html pour vérifier le bon affichage d'une page d'accueil qui affiche les articles vedettes...
D'un autre côté, désactiver le readmore n'est selon moi pas une solution, surtout si on doit voir l'intégralité des articles affichés en page d'accueil, ce qui perd tout intérêt.

Si quelqu'un s'est déjà penché sur le sujet, merci de partager la solution.

[ghazal]

Re : &lt;/hr&gt; readmore et mise en page

Salut,

j'ai rencontré un problème d'affichage du à l'insertion des balises hr readmore pour les textes d'intro des articles en vedette,

Pourrais-tu mieux décrire ton souci ?

[bigbert]

Re : &lt;/hr&gt; readmore et mise en page

Bonjour ghazal,

en fait mon problème est que si un utilisateur ajoute un readmore dans son article et que celui-ci se trouve dans une balise, en front, sur la page d'accueil, la mise en page est cassée. (avec vielille version de safari uniquement)
Il suffit de déplacer le <hr/> readmore hors d'une div et là c'est ok.
Or l'utilisateur n'a pas à regarder le code pour corriger cette erreur.

C'est donc au petit bonheur la chance avec le readmore.

Du coup je cherche s'il y a moyen de modifier l'insertion de ce readmore , mais la question est de savoir où et par quoi le remplacer.

[ghazal]

Re : &lt;/hr&gt; readmore et mise en page

* ta réponse pourrait être plus claire sur ces points :
- le pb se passe en front ou en back ?
- le pb ne se produit que sur une vieille version de Safari ?

As-tu testé avec un autre template (lequel utilises-tu, d'ailleurs ?), un autre éditeur, un autre navigateur pour vérifier si le pb se reproduit dans un autre contexte ?

[bigbert]

Re : &lt;/hr&gt; readmore et mise en page

Le problème a lieu sur le front uniquement sur la page d'accueil (présentant les readmore).
Uniquement sur safari (mac et tablette donc deux supports différents)
avec les autres navigateurs sur ces mêmes supports, aucun problème.

Le template est protostar. J'avais fait des tests avec "favourite" et je ne crois pas avoir rencontré ce problème. (je dois revérifier)

Je n'ai pas testé avec un autre éditeur. Mais d'après mes recherches, les gens qui ont rencontré des problèmes similaires ne le solutionnaient pas avec l'éditeur qui n'apporte pas de différence dans l'insertion du readmore (à vérifier). là c'est tinyMCE.

[ghazal]

Re : &lt;/hr&gt; readmore et mise en page

Tu dois bien être le seul à avoir testé cette fonctionnalité sur Safari, lol.
Effectivement, avec Safari version 6.2.5+ création d'article en frontpage +TinyMCE, le Readmore ne fonctionne pas.

Teste avec le bon vieux JCE, ca devrait le faire (ca le fait chez moi).

[bigbert]

Re : &lt;/hr&gt; readmore et mise en page

ok merci de ton aide je vais tester ça.

[bigbert]

Re : &lt;/hr&gt; readmore et mise en page

Bon j'ai essayé avec JCE mais j'ai toujours le même souci, en fait le readmore fonctionne bien, à part qu'il met ma page en vrac

enfin il doit bien y avoir une solution qui traîne quelque part.

Bon je vais aller reposer mes neuronnes avant d'avoir des fuites.

Merci pour ton aide.

[ghazal]

Re : &lt;/hr&gt; readmore et mise en page

j'ai toujours le même souci, en fait le readmore fonctionne bien, à part qu'il met ma page en vrac

Une fois que la question du fonctionnement est écartée, il faudrait sans doute que tu regardes du coté des CSS.
Et de Booststrap.
Astuce :
Sur Safari pour mac, Ctrl-clic fait apparaitre le menu contextuel, -> Inspecter l'élément.
Un équivalent pour Safari de Firebug sur Firefox

Normalement, avec Protostar, tu devrais avoir ceci, et les CSS associées :

<p class="readmore">
<a class="btn" href="ton_url" itemprop="url">
<span class="icon-chevron-right"></span>
Read more: titre article</a>
</p>

[lomart]

Re : &lt;/hr&gt; readmore et mise en page

Bonsoir,
si tu mets le readmore dans une balise div, le champ introtext contient la balise ouvrante et fulltext la balise fermante.
Il faudrait que Joomla contrôle l'appairage des balises avant l'enregistrement. Ce qui serait d'ailleurs une très bonne idée !
Les suggestions c'est ICI
Avec JCE, les autres balises comme P sont nettoyées.
Je pense qu'un rédacteur qui ajoute une balise DIV sera plus sensible au fait d'éviter cela qu'un scribouillard qui ajoute des P à pelle ;-)

Après la solution ultime serait d'interdire Apple

[jisse03]

Re : &lt;/hr&gt; readmore et mise en page

Bonjour,

si tu mets le readmore dans une balise div, le champ introtext contient la balise ouvrante et fulltext la balise fermante.

On peut même parfois voir pire...
Le readmore introduit au milieu d'une série <ul><li>, le tout dans une cellule d'un tableau... Là aucun analyseur sémantique ne pourrait s'y retrouver.

Après la solution ultime serait d'interdire Apple

+1 pour le bannissement de iBidules

[lefabdu51]

Re : &lt;/hr&gt; readmore et mise en page

il y a encore un truc que je ne comprends pas...
vous parler d 'un <p class="readmore"> alors que c est une balise <hr>....
donc c est normal que si on cliques sur le bouton lire la suite de l'éditeur au milieu d'une balise, cela fasse tout planté.
pour ce qui est de la div c est normal aussi.
A ce sujet comment la div apparait dans l'éditeur ?
La je ne piges pas non plus ce que vous faites.

[lomart]

Re : &lt;/hr&gt; readmore et mise en page

Salut lefabdu51

Non on parle d'un :
<div><hr id="system-readmore" /></div>

Mais, comme je sous entendais, cela ne se met pas tout seul. Il faut jouer du html ... et dans ce cas, il faut être attentif