Saut de ligne

**diaboloche** · 08/09/2005, 00h54

Bsr. J'ai un problême de saut de ligne. J'aimerais simplement passer à la ligne sans un interligne démesuré...

Code :

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

1
2
3
4
5
 
<h2> 
	  Recevoir les news dans votre boite email ? Inscrivez vous à la newsletter dès maintenant ! <br>
      Vous pourrez bien entendu vous d&eacute;sabonner &agrave; tout moment !
	  </h2>

Voici le CSS :

Code :

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

1
2
3
4
5
6
7
8
9
 
h2 {
font-size : 12px; 
font-family : Arial, Helvetica, Geneva, sans-serif; 
color : white;
white-space: pre;
padding-left:15px;
padding-right:15px;
}

Le problême c'est que je n'ai pas le même résultat sous IE et sous Mozilla :

[/img]

Les problêmes viennent de Mozilla, il ne respecte pas ma marge à gauche, et le saut de ligne n'est pas le même...

Est ce que quelqu'un peut m'aider à uniformiser ca ?
Dsl si la question vous parait stupide, mais ce n'est pas mon premier site web et à tous les coups j'ai des problêmes du style, j'aimerais resoudre une bonne fois cela

**spirou** · 08/09/2005, 10h36

J'avoue n'avoir jamais utilisé la propriété white-space, je viens donc de m'y intéressé pour en comprendre le fonctionnement.

Dans ton code, je pense que c'est mozilla qui a raison et que IE n'interprète pas correctement ton code, la propriété css white-space: pre; si j'en ai bien compris le fonctionnement, sert à interprété un saut de ligne dans ton code html comme une balise <br>, donc ton code me parait incorrect pour ce que tu veux obtenir.

J'ai fait un test pour voir :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  <title></title>
 
<style type="text/css">
body{
margin: 0;
padding: 0;
}
 
h2{
font-size : 12px;
font-family : Arial, Helvetica, Geneva, sans-serif;
color : white;
white-space: pre;
margin: 0;
padding: 0 15px;
background-color: red;
}
</style>
 
  </head>
  <body>
 
 
  <!-- dans ce premier paragraphe le retour a la ligne est interprété, ne pas mettre d'espace a gauche de la deuxieme ligne -->
    <h2>Recevoir les news dans votre boite email ? Inscrivez vous &agrave; la newsletter d&egrave;s maintenant !
Vous pourrez bien entendu vous d&eacute;sabonner &agrave; tout moment !</h2>
 
  <!-- dans ce deuxieme paragraphe insertion d'une balise <br> mais le texte doit continuer a droite de cette balise sans retour a la ligne -->
<h2>Recevoir les news dans votre boite email ? Inscrivez vous &agrave; la newsletter d&egrave;s maintenant !<br>Vous pourrez bien entendu vous d&eacute;sabonner &agrave; tout moment !</h2> 
 
  </body>
</html>

Dites moi si mon raisonnement est correct.

:uc:

**diaboloche** · 08/09/2005, 11h20

Ben un grand merci ! Le problême est résolut et compris.
Bonne journée !

Saut de ligne

HTML

Vue hybride

Discussions similaires

Partager

Partager