28/03/2014, 09:59:26
Bonjour,
Super, ça marche mieux !!!
Voilà, j'ai réussi à afficher mes "actualités" comme je le désirais !
http://h-graffiti.fr/cmsmadesimple/index...=actualite
J'ai un peu travaillé sur les "'grids" et j'ai obtenu à peu près ce que je veux.
Mes news s'affichent bien les unes en dessous des autres avec une mage blanche entre chaque, grâce à ce code CSS :
Je me suis servi également pour les "grids" de cet utilitaire bien pratique qui affiche les grilles en surimpression...
http://alefeuvre.github.io/foundation-grid-displayer/
Il offre un visuel des gilles qui s'applique à votre site.
On visualise les colonnes et les marges et je me demande s'il est possible d'agir sur ces marges !?
C'est un détail, mais lorsqu'on à une page qui utilise un <div class="large-8 columns">
sous lequel se trouve <div id="sommaireActus">
lui même contenant : <div class="large-12 columns">
Puis <ul> et <li> avec <div class="large-12 columns">... etc.
J'ai l'impression que les marges se succèdent les unes dans les autres, Non ?
Esthétiquement, c'est pas top... mais bon, comme je le diasais, c'est un détail.
Il me reste à travailler les dimensions d'images que j'aimerais réduire. Je vais essayer d'appliquer le conseil que m'a donné Jean Le Chauve, précédemment.
Encore merci.
Sans tous ces conseils, il est évident que je ne m'en sortirais pas !
Super, ça marche mieux !!!
Voilà, j'ai réussi à afficher mes "actualités" comme je le désirais !
http://h-graffiti.fr/cmsmadesimple/index...=actualite
J'ai un peu travaillé sur les "'grids" et j'ai obtenu à peu près ce que je veux.
Mes news s'affichent bien les unes en dessous des autres avec une mage blanche entre chaque, grâce à ce code CSS :
Code :
[== CSS ==]
/* sommaire des news */
#sommaireActus {
/*border: 1px solid #B8B09D;*/
padding: 0px 0px 0px 0px;
font-size: 0.85em;
line-height: 1.19em;
text-align: left;
}
#sommaireActus p {
text-align: left;
font-size: 0.75em;
}
#sommaireActus h3 {
text-align: left;
font-size: 0.90em;
margin-top: 1.1em;
}
#sommaireActus ul {
list-style: none;
margin-left: 0.0em;
}
#sommaireActus li {
list-style: none;
}
#sommaireActus img {
margin-top: 0.90em;
}
http://alefeuvre.github.io/foundation-grid-displayer/
Il offre un visuel des gilles qui s'applique à votre site.
On visualise les colonnes et les marges et je me demande s'il est possible d'agir sur ces marges !?
C'est un détail, mais lorsqu'on à une page qui utilise un <div class="large-8 columns">
sous lequel se trouve <div id="sommaireActus">
lui même contenant : <div class="large-12 columns">
Puis <ul> et <li> avec <div class="large-12 columns">... etc.
J'ai l'impression que les marges se succèdent les unes dans les autres, Non ?
Esthétiquement, c'est pas top... mais bon, comme je le diasais, c'est un détail.
Il me reste à travailler les dimensions d'images que j'aimerais réduire. Je vais essayer d'appliquer le conseil que m'a donné Jean Le Chauve, précédemment.
Encore merci.
Sans tous ces conseils, il est évident que je ne m'en sortirais pas !