SPIP ecureuil




Thème de ce forum :

Problème sur le CSS dans une liste d’articles



Jul11
Problème sur le CSS dans une liste d’articles
6 mai 2008 10:55

Bonjour, Pour mes pages articles j’ai créé un squelette dans lequel j’ai mis une boucle toute bête que voici :

[(#REM) Contenu principal : contenu de l'article ]
   
   <B_articles>
                        <div class="liste-articles">
                                <ul>
               <BOUCLE_articles(ARTICLES) {par titre} {id_article}>
                                <li>
                                [(#LOGO_ARTICLE||image_reduire{150,200})]
                                <h1 class="titre">#TITRE</h1>
                                [<p class="chapo">(#CHAPO)</p>]
               [<p class="texte">(#TEXTE)</p>]
               </li>
               </BOUCLE_articles>
               </ul>
           </div>
   </B_articles>

Avec le CSS correspondant :

/* Habillage et disposition des articles */

.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .spip_logos {
   float: left;
        margin-top: 20px;
        margin-bottom: 10px;
        padding-left: 20px;
        padding-right: 10px;
        border: 0;
        clear: right;
}
.liste-articles li .titre {
   padding-top: 30px;
        padding-left: 20px;
        margin-bottom: -10px;
   font-size: 26px;
   font-family: "Myriad pro", "Gill Sans", sans-serif;
   color: #FF9933;
   z-index: 20;
}
.liste-articles li .chapo {
        font-size: 16px;
        font-family: "Gill Sans", sans-serif;
        color: #000000;
        text-align: justify;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
        z-index: 20;
}
.liste-articles li .texte {
        font-size: 14px;
        font-family: "Gill Sans", sans-serif;
        color: #000000;
        text-align: justify;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 30px;
        z-index: 20;
}

En publiant un article, je m’aperçois que le css défini pour le texte de l’article (li .texte) n’est pas pris en compte. Seul celui du titre et celui du chapo le sont : Pour vous faire une idée, le résultat ici : http://jul11.idoo.com/spip.php?article9

Le texte de cet article a été copié-collé depuis un autre document... Ca pourrait venir de là ? Mais en principe le css est justement là pour mettre tout ça en forme, non ?! Je précise que j’ai recalculé et vidé le cache plusieurs fois... Merci à qui pourra expliquer cette bizzarerie au débutant que je suis !

Rechercher dans les forums:
 

denisb
6 mai 2008 11:21
Problème sur le CSS dans une liste d’articles

si tu regardes le source html de ta page, tu remarqueras :

<p class="texte"></p>

tu devrais essayer en passant #TEXTE dans un :

<div class="texte">
#TEXTE
</div>
Jul11
6 mai 2008 13:39
Problème sur le CSS dans une liste d’articles

Ca fonctionne effectivement en mettant un <div>

à la place de <p>.

Merci beaucoup !

RSS






squelette