28172 sujets

CSS et mise en forme, CSS3

Bonsoir,

Petit souci avec la taille d'une police qui diffère entre IE7 et FF;

Sous IE7 et Opéra d'ailleurs !!!
upload/17056-IE7.png

Sous FF et Safari aussi !!!
upload/17056-FF.png


Je souhaite au final obtenir la vue de FF, mais je pense que IE7 et Opéra ne prennent en compte que le font-size:12px; ....;

#corps_text
{
margin-left:22%;
margin-top:5px;
padding:10px;
text-align:justify;
font-family:Tahoma, Helvetica, sans-serif;
font-size:12px;
color:#333333;
border:2px solid #333333;
background-image:url(images/fond.png);
background-repeat:repeat;
}


... non pas ça;

text_size9 p
{
font-size:9px;
}


et le code htm;
<div id="text_center"><text_size9><p>Les champs marqués d'un * sont obligatoires</p></text_size9></div>


Merci pour votre aide... Smiley cligne
Modifié par ThyBarth (13 Dec 2008 - 10:17)
Euh...

<div id="text_center"><p class="text_size9">trululu</p></div>


(quoique je ne vois pas l'intérêt d'imbriquer les deux balises de type bloc sans rien d'autre)

et dans le css :



p.text_size9

{

font-size:9px;

}

Modifié par mistike (12 Dec 2008 - 21:54)
Heyoan a écrit :
Hello,

en premier lieu je t'invite à laisser tomber les px au profit des em : voir le tuto gérer la taille du texte avec les « em ».

Ensuite la déclaration p.text_size9 n'est pas prise en compte car sa priorité (0011) est inférieure à celle de #corps_text (0100) : voir l'article sur Openweb Cascade CSS et priorité des sélecteurs.


Ah voui... Il faudrait donc écrire :


#texte_center p.text_size9
{
font-size:9px;
}


J'ai bon ?
Modifié par mistike (13 Dec 2008 - 10:32)