Je vous pose mon exemple, j’aurais aimé que blanc soit par défaut et rouge par mot clé, mais avec cette méthode, je suis obligé d’avoir deux mots clés (blanc et rouge), sinon ça bug quand je cherche à utiliser display:table ;
Si vous trouvez une méthode qui permet de n’utiliser qu’un seul mot-clé je suis preneur.
On peut voir le résultat ici, rubrique Invités : http://monsite.web4me.fr/#section-invites
Ma boucle
<BOUCLE_contenu_invite (RUBRIQUES){id_rubrique=7}>
<h2>#TITRE <mark>/</mark></h2>
<div id="conteneur">
<BOUCLE_article_invite (ARTICLES){id_rubrique}{par date}{inverse}>
<BOUCLE_couleur(MOTS) {id_article}>
<div class="vignette-#TITRE">
</BOUCLE_couleur>
#TITRE
</div>
</BOUCLE_article_invite>
</div>
</BOUCLE_contenu_invite>
Mon css
#conteneur { height:auto;width:100%;display: table;
padding-top: 50px;}
.vignette-rouge {background:#F00B21;
width: 19%;
height: 180px;
float: left;
padding:5px;margin:0.5%;
display: table-cell;
}
.vignette-blanc {background:white;
width: 19%;
height: 180px;
float: left;
color:#F00B21;
padding:5px;margin:0.5%;
display: table-cell;
}