Discussion :

[n3ptune]

Bonjour à tous.
Je voudrais simplement savoir comment créer un espace entre deux titres. Disons que j'ai quelque chose comme ça:

Code :

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

<h1> Paris</h1> <h1> Marseille</h1> <H1> Lyon</h1>

J'ai donc 3 titres sur une ligne horizontale. Comment dois je faire pour créer un espace de 1cm, 2cm, 3cm etc.

Merci pour vos réponses

[Candygirl]

Bonsoir,

Par défaut, les h1 se mettront les uns en dessous des autres et non côtes à côtes.
Tu as dû utiliser du css pour les placer côtes à côtes. Quel est ton code actuel?
Tu peux regarder du côté de la propriété margin, toujours en css, pour gérer les espacements entre les différents éléments. Ex:

Code css :

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

1
2
3
h1+h1 {
  margin-left:1em;
}

Je n'ai pas trop compris les 1,2,3 cm; tu veux que ton espace augmente entre les h1 (dans mon exemple, il est fixe) ? Aussi, tu t'exprimes en cm, c'est pour un css dédié à l'impression? Si c'est pour un affichage à l'écran, tu devrais utiliser une autres unité.

[lety247]

tu as probablement trouve deja, mais au cas ou ce n'est pas le cas, je pense que tu devrais essayer ca:

Code :

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

<h1> Paris&nbsp;Marseille&nbsp;Lyon</h1>

ou tout simplement

Code :

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

<h1> Paris Marseille Lyon</h1>

bref, je comprend pas pourquoi le besoin de fermer la balise h1 entre chaque ville d'autant qu'en general il vaut mieux n'utiliser cette balise qu'une seule fois dans une page.
c'est cense etre le titre principal de ta page

[rodolphebrd]

Je ne crois pas que ce soit ce qui est demandé...

Effectivement trois H1 côte à côte n'a pas trop de sens même si en HTML5 on peut placer plusieurs H1 dans une même page.

J'imagine que ce qu'a demandé n3ptune, en extrapolant ce qu'a proposé Candygirl puisse être un espace de 1 unité entre les 2 Hn et un espace de 2 unités entre les suivants et ainsi de suite.

Imaginons qu'il s'agisse de H2 (ça rassurera lety247 ):

Code :

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

<h2> Paris</h2> <h2> Marseille</h2> <H2> Lyon</h2>

Code css :

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

1
2
3
4
5
6
7
8
h2{  display: inline;
}
h2+h2{
  margin-left: 1em;
}
h2+h2+h2{
  margin-left: 2em;
}

http://codepen.io/anon/pen/tDLcw