|
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 !
|