Discussion :

[Teddy7]

Bonjour,

Dans mon site, pour faire un saut de ligne j'utilise le code html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<p></p>

et lorsque je veux un peu plus d'espace, je met

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<p></p>
&nbsp
<p></p>

Ca marche bien mais ca me parait pas très 'propre'. Il y aurait-il un moyen avec CSS de gérer ces différents saut de ligne ?

Merci

[jaduta]

Slt essaye ceci (fichier .css)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
p
{
margin-top: 20px; /* espace au-dessus */
margin-bottom: 20px; /* espace en-dessous */
}

mtn, à toi de mettre les valeurs pour avoir les espaces souhaités
tu auras pour chaque paragraphe le même espacement -> harmonisation

[Teddy7]

Merci Jaduta,

C'est ce que j'ai fait mais parfois je voudrai un peu plus d'espace alors je 'triche' en faisant
<p></p>
&nbsp
<p></p>

Et c'est ça qui me gène, mais c'est peut-être normal, enfin c'est peut-être ce qui se fait.

[thelvin]

C'est ce que j'ai fait mais parfois je voudrai un peu plus d'espace

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
p {
  margin-top: 20px; /* espace au-dessus */
  margin-bottom: 20px; /* espace en-dessous */
}
 
p.bien-separe {
  margin-bottom: 30px; /* espace en-dessous */
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<p class="bien-separe"></p>
<p></p>

alors je 'triche' en faisant
<p></p>
&nbsp
<p></p>

C'est invalide, et si ça marche, ce n'est que par hasard. On ne met pas de texte nu entre des paragraphes. (Et pour information, &nbsp; est un espace insécable, pas un whitespace. Considéré comme du texte, donc.)

Et c'est ça qui me gène, mais c'est peut-être normal, enfin c'est peut-être ce qui se fait.

En général, ça m'étonnerait. Mais il doit bien y avoir des gens qui le font, oui.
(Je m'attendrais plutôt à ce qu'ils utilisent <br />, remarque.)

[Teddy7]

Merci Thelvin,
Ta proposition me semble plus juste effectivement que mon bidouillage. Je m'en vais de ce pas modifier on code
Merci