Discussion :

[koolyce]

Salut

J'ai un petit problème et j'ai cherché et pourtant je n'ai rien trouvé. Lorsque j'écris du texte dans une page web, parfois je veux plusieurs espace sauf que rendu dans IE, tout mes espaces sont coupé.

Je sais qu'il existe &nbsp, mais la quand j'ai besoin de 40 espace, ca sera pas jolie. Ensuite il y a <pre>, mais il fait un saut de ligne au début, donc ca ne fonctionne pas.

Qqn à une solution?

Merci

[Linaa]

C'est vrai que 40 &nbsp; c'est moche.
Si tu utilises le php, tu peux faire une boucle for qui affiche 40 fois &nbsp;
Mais pour en revenir à la balise <pre>, tu peux éviter le saut de ligne avec

Code :

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

pre { display:inline; }

[koolyce]

Je ne suis pas certain de comprendre exactement ton exemple de pre.

Ca donnerais de quoi du genre ->

<pre> { display:inline; } allo toi </pre>

??

[Linaa]

C'est en CSS, mais tu peux aussi le mettre directement sans utiliser de feuille de style

Code :

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

<pre style="display:inline">aaa    bbb</pre>

[blueice]

Le problème est pris à l'envers, pourquoi veux-tu autant d'espace ?

Il existe d'autres manières d'espacer du texte en CSS...tout dépend de ce que tu veux faire.

[SIBELIUS]

Je sais qu'il existe &nbsp, mais la quand j'ai besoin de 40 espace, ca sera pas jolie. Ensuite il y a <pre>, mais il fait un saut de ligne au début, donc ca ne fonctionne pas.

Salut,

Attention à employer les balises selon leur fonction et non leur aspect.
<pre> sert à indiquer du texte préformatté (en général du code) ce qui n'est pas obligatoirement ton cas.

Il existe un outil qui est conçu pour gérer la mise en page : les styles CSS.

Dans ton cas, si tu veux des espaces, il suffit d'employer les marges, et plus précisément la propriété CSS "margin-left".

Exemple :

Code :

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

1
2
3
4
5
6
 
<p>début du texte<span class="marge">suite du texte plus loin de 40 caractères</span></p>
 
.marge {
margin-left: 40em;
}

C'est bien plus simple que de coller 40 espaces les uns après les autres, non ?

PS : et c'est surtout plus propre et compréhensible pour les navigateurs non graphiques