Discussion :

[fab76000]

Bonjour a tous,
Je travaille actuellement sur dreamweaver, je veux appliquer une classe css a du texte, je fais donc :

Code :

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

1
2
 
<span class="titre" style="font-size: 17px;">texte a formatter</span>

Ma classe est 'titre', la voici :

Code :

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

1
2
3
4
5
6
7
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}

Dans la représentation sous dreamweaver sa marche bien mais sous firefox, l'alignement 'center' du texte ne marche pas???
Quel est le problème de compatibilté??Je dois utilsier quoi d'autre...Si quelqu'un sait...Merci d'avance

[HiRoN]

Salut,

As-tu tenter de jouer sur les marges ? (voir margin:auto)

Personnellement, je dirai que cela vient du fait que l'élément span est un élément de type inline et donc s'adapte en fonction de son contenu.
De ce fait, tu ne peux centrer son contenu (puisque la largeur du span se fait en fonction de celui-ci).

Il faudrait voir le CSS du bloc parent (celui dans lequel est contenu ton span), qui pourrait centrer le bloc enfant. Ou tu pourrais voir pour le passer en élément de type block (display:block), puis ensuite jouer sur ses marges.

[Macmillenium]

Ou tu pourrais voir pour le passer en élément de type block (display:block), puis ensuite jouer sur ses marges.

Et surtout indiquer un width

[HiRoN]

Et surtout indiquer un width

En effet, petit oubli...

[Erwan31]

Comme le précise Hiron un élément inline s'adapte à son contenu, le centrage au niveau de ces élément n'a donc aucun sens, d'ailleurs la propriété text-align ne peut s'appliquer qu'aux éléments de niveau block.
Un titre devrait être baliser par un élément de titrage Hn (H1>H6 selon son niveau hiérarchique).
Tu devrais avoir un code dans ce genre (lis les commentaires):

Code :

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

<h2 style="font-size:1.1em">Titre</h2>

Code :

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

1
2
3
4
h2 {
	font: 0.9em Arial, Helvetica, sans-serif; /*propriété raccourci "font" qui doit comprendre au minimum les valeur de font-size et font-family*/
	text-align: center;
}

Éviter les taille de police en pixel, cela a pour effet de verrouiller la commande de zoom texte sous IE. Préférer l'unité em sachant qu'1em = 100% (de la taille de police par défaut du navigateur souvent égale à 16px)

[Bisûnûrs]

Éviter les taille de police en pixel, cela a pour effet de verrouiller la commande de zoom texte sous IE.

Il me semble que ce n'est plus vrai sur IE7> qui intègre un zoom graphique et non plus un zoom texte.