Espace entre les articles

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Espace entre les articles

    Bonjour,
    Je tente d'agrandir la séparation entre les articles de mon site, exemple ici http://www.art-sisko.fr/historiques-...positions.html

    J'ai bien rajouté à h2 un margin-top mais le problème c'est qu'un article seul va avoir un gros espace au dessus du titre.
    Je n'arrive pas à trouver le paramètre pour mettre l'espace en dessous de l'article.

    Pouvez-vous m'aider ?

    Mathieu
    Dernière édition par OUARZA à 07/04/2013, 11h02

  • #2
    Re : Espace entre les articles

    Si je ne me trompe pas dans le fichier template.css tu as une class qui s’appelle "post".
    Un margin-bottom du nombre de PX d'écart ne suffit pas ?
    (je ne suis pas sur du nom exact de la class)
    Chroniques Informatiques |
    Blog d'actualité et d'information sur l'informatique |
    www.chroniques-informatiques.tk |

    Commentaire


    • #3
      Re : Espace entre les articles

      Non ce n'est pas post.

      Commentaire


      • #4
        Re : Espace entre les articles

        Peux tu donner l'adresse de ton site ?
        Sur la page d'exemple que tu as donné chaque date n'est pas = un article.
        Il y a un article contenant toutes les dates, avec une mise en forme qui pourrai faire penser à plusieurs articles puis un article avec nuit et brouillard.

        je sais pas si j'ai bien compris ce que tu veux, tu souhaites augmenter l'espace entre tes articles afin d'épurer le site ?
        Chroniques Informatiques |
        Blog d'actualité et d'information sur l'informatique |
        www.chroniques-informatiques.tk |

        Commentaire


        • #5
          Re : Espace entre les articles

          Merci de ton aide.
          Le lien est bien le site en question.
          Sur cette page il y a 2 articles:
          - Expositions en Auvergne
          - Nuit et brouillard

          L'idée est d'augmenter l'espace entre la fin de l'article Expositions en Auvergne et le début de Nuit et brouillard car ici on a pour le moment que 2 articles, mais avec plusieurs articles ça va vite être compact.

          J'ai une autre question un peu hors sujet, je n'arrive pas à trouver dans le CSS l'endroit où je peux modifier la taille et la police de "Cliquez pour continuer".

          mat

          Commentaire


          • #6
            Re : Espace entre les articles

            Re.
            Donc en un premier temps pour séparer tes articles, je pense avoir trouvé mais en toute honnêteté je ne peux pas être sur de moi, car je ne possède pas le même template que toi.

            Ajoute le code suivant à ton fichier template.css :
            .leading-1{
            margin-top:40px;
            }
            Normalement l'article devrait se décaler de 40px de l'autre. A toi de régler la valeur pour l'espace que tu souhaites. Dis moi si ça ne fonctionne pas.

            Pour modifier les paramètres de "cliquez pour continuer" c'est il me semble à la ligne 135 de grey.css (a:link)
            une fois de plus je ne peux pas en être sur, du fait que je n'ai pas le même template que toi.

            J’espère t'avoir aider.
            Tchouss.
            Chroniques Informatiques |
            Blog d'actualité et d'information sur l'informatique |
            www.chroniques-informatiques.tk |

            Commentaire


            • #7
              Re : Espace entre les articles

              Bonjour Flagadouille,
              Espace entre les articles : OK !
              Merci beaucoup !

              Pour le "cliquer pour continuer", je crois que le a:link correspond aux liens en général, pas uniquement celui-ci.
              Je vais clôturer ce topic vu que le sujet principal est résolu et créer un nouveau pour le lien.

              Merci encore à toi
              Dernière édition par OUARZA à 07/04/2013, 08h23

              Commentaire


              • #8
                Re : Espace entre les articles

                Mince, ça ne marche pas en fait...
                Cliquez sur l'image pour l'afficher en taille normale

Nom : expos.JPG 
Affichages : 1 
Taille : 63,0 Ko 
ID : 1802701

                Cela fonctionne entre le 1er et le 2eme article mais pas entre le 2eme et le 3 eme

                Après je peux faire
                .leading-1{
                margin-top:50px;
                }
                .leading-2{
                margin-top:50px;
                }
                .leading-3{
                margin-top:50px;
                }
                .leading-4{
                margin-top:50px;
                }
                ...

                Mathieu
                Dernière édition par OUARZA à 07/04/2013, 08h55

                Commentaire


                • #9
                  Re : Espace entre les articles

                  Ah oui en effet ...
                  À priori faut le faire pour chaque article c'est pas pratique.
                  Essaye juste avec leading{ mais j'y crois pas trop.
                  Pour le lire la suite je cherche ça une fois sur PC
                  Chroniques Informatiques |
                  Blog d'actualité et d'information sur l'informatique |
                  www.chroniques-informatiques.tk |

                  Commentaire


                  • #10
                    Re : Espace entre les articles

                    J'ai testé l'astuce du leading{ mais non ça ne marche pas

                    Commentaire


                    • #11
                      Re : Espace entre les articles

                      La personne qui a fait ton template a fait en sorte que les articles se numérotent.
                      Du coup chaque article porte un chiffre dans son class.
                      Tu as donc deux options :
                      Si tu t'y connais en PHP tu peux essayer de modifier la fonction qui fais ça. Je peux pas t'en dire plus je suis une bouse en PHP '
                      Ou tu prépare le CSS en faisant du copier coller, genre :
                      Code HTML:
                      .leading-0 , .leading-1, .leading-2, .leading-3, .leading-4, .leading-5 etc...
                      {
                      margin-top : 50px;
                      }
                      Pour le readmore j'ai trouvé, tu rajoutes ça (en le modifiant un peut au passage) dans ton template.css :

                      Code HTML:
                      .readmore a:link{
                      color:white;
                      font-size:20px;
                      }
                      Par exemple la ton texte sera blanc de taille 20px ;-)
                      Chroniques Informatiques |
                      Blog d'actualité et d'information sur l'informatique |
                      www.chroniques-informatiques.tk |

                      Commentaire


                      • #12
                        Re : Espace entre les articles

                        Parfait ! Par contre j'ai viré le .leading-0, qui crée un espace en début d'article inutile.
                        ça marche super bien !
                        Comment te remercier ? ;-)

                        Mat
                        Dernière édition par OUARZA à 07/04/2013, 10h25

                        Commentaire


                        • #13
                          Re : Espace entre les articles

                          Pas de soucis
                          "Comment te remercier ? ;-)" --> Un merci suffit ;-)

                          tchouss.
                          Chroniques Informatiques |
                          Blog d'actualité et d'information sur l'informatique |
                          www.chroniques-informatiques.tk |

                          Commentaire


                          • #14
                            Re : Espace entre les articles

                            Merci alors

                            Commentaire

                            Annonce

                            Réduire
                            Aucune annonce pour le moment.

                            Partenaire de l'association

                            Réduire

                            Hébergeur Web PlanetHoster
                            Travaille ...
                            X