problème avec "lire la suite"

[darkcast]

Bonjour,

J'ai mis un lien "lire la suite" dans un article mais il déborde sur un autre article et le cache.
Merci de votre aide.

[jisse03]

Re : problème avec "lire la suite"

Bonjour,

Ce genre de "bug" est toujours à rechercher au niveau du template et des classes CSS.

[darkcast]

Re : problème avec "lire la suite"

Je suis en stage, je ne connais pas bien le CSS, pourriez-vous être plus précis?

[jisse03]

Re : problème avec "lire la suite"

Sans pouvoir examiner le CSS appliqué par ce template particulier, impossible de deviner où est le problème.

Examiner la page avec l'inspecteur de Chrome ou Opera ou Firebug donne des indications précieuses. Chaque template ayant sa propre mise en page, on ne peut être que génériques dans les conseils.

Puisqu'en stage, c'est une bonne occasion pour apprendre

[darkcast]

Re : problème avec "lire la suite"

Sur le code source de la page j'ai repéré cette ligne :

<p class="readmore"><a class="readon art-button"

Sur le template cette ligne :

.art-button
{
border-collapse: separate;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
background: #B5B5B5;
background: linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
background: -webkit-linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
background: -moz-linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
background: -o-linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
background: -ms-linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
background: linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
-svg-background: linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #949494;
padding: 0 15px;
margin: 0 auto;
height: 27 px;
}

Sont-elles en rapport entre elles ?

[jisse03]

Re : problème avec &quot;lire la suite&quot;

S'agissant de Artisteer, ce truc génère du code alambiqué qu'il vaut mieux traiter et corriger depuis le logiciel avant de régénérer le template.

Ce n'est pas le art-biutton (les boutons Artisteer) qu'il faut chercher, mais dans la définition de la classe readmore (si Artisteer a bien généré le code de traitement de cette classe.

Sans voir le résultat, on ne peut être plus précis.

[darkcast]

Re : problème avec &quot;lire la suite&quot;

j'ai ajouté "lire la suite" avec joomla, pas avec artisteer.

[jisse03]

Re : problème avec &quot;lire la suite&quot;

Lire la suite est une fonction Joomla!

Mais si ton template ne prévoit pas de classe CSS readmore pour en traiter la mise en forme, il est très facile pour ce bouton de dépasser la taille prévue et d'écraser visuellement d'autres éléments (titre d el'article suivant par exemple).

Le rôle du template est de gérer les styles de présentation de tous les contenus.

[darkcast]

Re : problème avec &quot;lire la suite&quot;

La classe readmore n'est défini dans aucun des fichiers CSS

[jisse03]

Re : problème avec &quot;lire la suite&quot;

C'est justement là le problème...

une classe CSS non définie ne fait rien.