Discussion :

[laurentSc]

Bonsoir,

j'ai remarqué que pour centrer horizontalement, j'étais obligé de mettre ce css :

Code :

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

1
2
3
4
body
{
text-align: center;
}

et qu'avec celui-là :

Code :

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

1
2
3
4
5
 
<style>
.centrage { text-align:center; }
</style>
<span class="centrage">test</span>

contrairement à ce que je croyais, ça marche pas. Pourquoi ? Et comment faire, si on ne veut centrer qu'une partie de la page ?

[mesken]

le span c'est un inline, c'est-à-dire qu'il s'applique à l'intérieur d'une ligne, d'un text, d'un mot... Si tu veux appliqué ce css à une partie, alors tu utilise une division qui gère effectivement les parties, c'est à dire une DIV <div> </div> et non span

Hope this will help

[Invité]

Bonjour Laurent,

- les blocs servent à distinguer les parties entières, comme des titres, des paragraphes, des listes, des citations, ...
=> Balises de type block : HTML 4 Block-Level Elements

- les inlines sont prévus pour rester dans le texte et pour l'enrichir : lien hypertexte, italique, gras, ...
=> Balises de type inline : HTML 4 Inline Elements

Voir aussi : CSS Display and Visibility
On peut aussi forcer un élément "block" à se comporter en "inline" avec display:inline-block;

[laurentSc]

Merci pour vos 2 réponses ; j'ai ainsi appris un truc et notamment grâce au dernier lien de jreaux62, j'ai fait ça tout en gardant le span !

Code :

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

1
2
3
4
5
6
7
<style>
.centrage 
{ text-align:center; }
span 
{display:block;}
</style>
<span class="centrage">test</span>

[Candygirl]

Bonjour,

Merci pour vos 2 réponses ; j'ai ainsi appris un truc et notamment grâce au dernier lien de jreaux62, j'ai fait ça tout en gardant le span !

Code :

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

1
2
3
4
5
6
7
<style>
.centrage 
{ text-align:center; }
span 
{display:block;}
</style>
<span class="centrage">test</span>

Pourquoi ne pas avoir attribué le display:block directement à ta classe .centrage ?

Code :

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

1
2
3
4
5
 
.centrage {
  text-align:center;
  display:block;
}

Avec ton code, tous les span de ta page vont passer en display:block ce qui pourrait avoir un certain impacte sur la présentation selon le contenu...

[laurentSc]

Merci du conseil.