Présentation sous forme de vignette

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#4
Pour les news, c'est simple.
Dans ma page j'ai mis la balise {news} dans le content.
Dans le CSS «Module: News» il faut changer les propriétés du div .NewsSummary.
Code :
.NewsSummary {
         float: left;
    overflow: hidden;
    display: inline;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 15px;
          width: 200px;
          height:250px;

}
La largeur varie selon le content ( je vais essayer en pourcentage aussi)
J'ai mis une hauteur pour que les news soit toute de la même taille, il faut juste faire attention à ne pas mettre trop de texte dans le sommaire de la news pour ne pas que ça dépasse.

Un peu de padding pour un espace entre chaque news.

Dans mon gabarit j'ai mis un div avec
Code :
.clear:both;
comme propriété sous {content} pour que la balise main fasse toute la hauteur de l'ensemble des news.

Ça me donne 3 colonnes

Je commence tout juste le site, je mettrais le lien quand il sera fini.
Répondre
#4
Pour les news, c'est simple.
Dans ma page j'ai mis la balise {news} dans le content.
Dans le CSS «Module: News» il faut changer les propriétés du div .NewsSummary.
Code :
.NewsSummary {
         float: left;
    overflow: hidden;
    display: inline;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 15px;
          width: 200px;
          height:250px;

}
La largeur varie selon le content ( je vais essayer en pourcentage aussi)
J'ai mis une hauteur pour que les news soit toute de la même taille, il faut juste faire attention à ne pas mettre trop de texte dans le sommaire de la news pour ne pas que ça dépasse.

Un peu de padding pour un espace entre chaque news.

Dans mon gabarit j'ai mis un div avec
Code :
.clear:both;
comme propriété sous {content} pour que la balise main fasse toute la hauteur de l'ensemble des news.

Ça me donne 3 colonnes

Je commence tout juste le site, je mettrais le lien quand il sera fini.
Répondre


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)