web-dev-qa-db-fra.com

Bouton Lire plus <div> fermeture

J'ai un problème avec la fermeture d'un <div>- tag après un bouton "Lire la suite".

Dans l'éditeur d'article, Joomla utilise un <hr id="system-readmore" /> déclaration pour la création du bouton lire plus dans un intro-texte.

Le problème est que je dois ajouter un <div> balise qui entoure cette balise "readmore".

Exemple:

<div style="overflow: hidden;">
    <h3><img class="img_staff" src="images/staff1.jpg" alt="" width="120" height="150" />Test Person</h3>
    <h4><em>Assistant</em></h4>
    <p><strong>Tel:</strong> 0000 0000 0000</p>
    <p><strong>Email:</strong> [email protected]</p>
    <hr id="system-readmore" />
</div>
<div style="clear: left;">
    <h4>Education</h4>
    ...

Cet exemple doit afficher une image à gauche et un texte à droite (image float: left). Le "débordement: caché;" J'utilise pour éviter une image, qui est plus grande que le _ environnant <div>- Tag (un tombe donc du <div>-étiquette).

Le problème est que cette première balise div n'est pas fermée dans l'article d'introduction (le bouton "readmore" coupe le code). Existe-t-il une solution à ce problème dans Joomla ou connaissez-vous une solution CSS pour obtenir cette apparence souhaitée?

joomla-3.xcss
1
MS1

Il n'y a pas de solution CSS pure, c'est certain.

En général, il existe plus d'une solution:

  • le moyen le plus léger, en particulier si tous les articles ne sont pas concernés, serait d'écrire votre intro, de fermer la div, de mettre le bouton lire plus et de recopier votre introduction après le bouton lire plus, en configurant l'article pour ne pas afficher l'introduction. texte lors de l'affichage de l'article entier.
  • vous pouvez également, si chaque article de votre site ou d'un élément de menu spécifique est concerné, remplacer les modèles com_content et coder en dur la balise de fermeture qu'il contient. Ce n'est pas très beau
  • vous pouvez créer votre propre plugin, afin de pouvoir écrire quelque chose comme {myReadMore} dans votre article au lieu d'utiliser le readmore intégré.

Dans votre cas, je ne comprends pas vraiment pourquoi il est si important d'avoir la lecture-plus au sein de la première div. Peut-être devriez-vous voir si vous mettez après la balise de fermeture n'est pas exactement ce à quoi vous ressemblez.

1
Khaarkh

Le plugin pagebreak gère cette logique, par exemple en supprimant hr id = "lecture système" lorsque Style de présentation = Pages.

Vous pouvez créer votre propre plugin pagebreak pour créer votre logique personnalisée.

2
Anibal