• Annonce [Tutoriel] Sauts à la ligne moins espacés


    Samedi 30 Avril 2011 à 16:52
    Antruxit

    Bonjour tout le monde !

    Beaucoup de personnes demandent souvent : "Mais comment aller à la ligne sans faire de grands espaces ?"

    Eh bien, il y a deux solutions :

    • La première, c'est tout simplement de faire la combinaison de touches "Shift + Entrée" à la place d'Entrée tout court.
      Bien pratique mais un peu agaçant lorsqu'on le fait souvent.

    • Pour la solution longue durée (plus besoin de faire Shift + Entrée), il suffit de mettre dans le code CSS :

      p{
          margin: 0;
      }

      Et pour ceux qui veulent un petit espace (pas trop grand) :

      p{
          margin: 8px 0;
      }

      Vous pouvez remplacer 8 par un nombre différent qui sera la moitié de l'espace entre chaque saut à la ligne. Dans cet exemple, j'ai mis 8px pour 16px d'écart entre les paragraphes.

      Je l'ai moi-même testé, ça fonctionne très bien. Mais attention, on ne voit pas la différence dans la création (ou édition) d'articles, mais uniquement au résultat.

    Voili voilou, j'espère que ça vous aura aidé !

    Mercredi 4 Mai 2011 à 11:29
    Pipiou

    Bonjour japangeek

    Merci pour l'astuce, ça peut être bien utile !

    Je me permets une remarque : peux-tu indiquer où exactement positionner le code que tu donnes  ? (quel menu utiliser, quelle page, quelle position)

    Ca permettra d'utiliser ton code plus efficacement ;-)

    Merci encore

    Mercredi 4 Mai 2011 à 12:34
    Antruxit

    Il faut aller dans :
    Apparence >> Modifier le thème >> Ajouter du CSS

    Ensuite il suffit d'ajouter le code donné plus haut. 

    Mercredi 4 Mai 2011 à 12:39
    Pipiou

    C'était pas grand chose, mais je pense que ça sera bien utile !

    Merci beaucoup

    Mercredi 4 Mai 2011 à 12:40
    Antruxit

    De rien !

    Vendredi 8 Juillet 2011 à 17:04
    Cassandra.H

    Merci beaucoup pour ton astuce!  Je fais tout le temps des retours à la ligne et je trouvais que c'était beaucoup trop espacé quand je le faisais :)

    Bonne journée

    Samedi 9 Juillet 2011 à 09:43
    Pipiou

    Moi de même j'ai utilisé l'astuce, et c'est beaucoup mieux comme ça : l'espace d'interligne est moins grand.

    Bonne journée à tout le monde

    Mardi 19 Juillet 2011 à 17:33
    Glamorously Yours

    Oh merci, c'est tout pile ce que je cherchais! Saurais-tu comment faire pour que par contre l'interligne soit plus grand? (genre comme sur Word 1,5) Parce que je trouve que c'est plus agréable pour la lecture!

    Mardi 19 Juillet 2011 à 23:12
    Antruxit

    Pour des interlignes espacées, je te proposes d'utiliser ce code :

    p{
        margin:30px 0;
    }

    Après, à toi de choisir la taille de l'interligne en la changeant (par exemple 26px).

    Mercredi 20 Juillet 2011 à 06:20
    Glamorously Yours

    coucou!  merci pour ta réponse, mais ce n'est pas ça que j'aimerais faire! J'aimerais que l'interligne entre les lignes d'un même paragraphe soient plus grands!

    EDIT: j'ai trouvé comment faire ailleurs! Il faut modifier la valeur jusqu'à ce qu'on obtienne ce que l'on veut!

    body {
    line-height: 1.25;
    }



    Vous devez être membre pour poster un message.