Une question sur % ou px et em

justine -  
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,

juste une question simple c'est mieux de mettre

widht %
padding %
maging %
font em


ou

widht px
padding px
maging px
font px


ou

widht %
padding em
maging em
font em


ou bien

de mettre tout les cadres principal en EM

et padding en px

margin en em

les width en %

qu'ele code me conseilez vous










1 réponse

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,


La principale réponse qu'on peut te donner c'est : Tout dépend.

Tout dépend de ce que tu cherches à faire....
là ou parfois tu vas utiliser du px ... à un autre moment tu y préféreras du %...

Dis toi simplement qu'un % .. c'est pour indiquer une taille relative ( 50% de la taille de l'écran par exemple)
alors que les Px ( pixel) et les EM sont des tailles "Fixes"

Voici un peu de lecture :
http://www.w3.org/Style/Examples/007/units.fr.html


0
justine
 
si on met tout en px s'est bon les with en %
c bien
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223
 
alors que les Px ( pixel) et les EM sont des tailles "Fixes"
FAUX! Les
px
sont bien absolus mais les
em
sont relatifs à la taille de police de l'élément (héritée de l'élément parent si besoin est). Les
rem
(Root EM), eux, sont fixes (bien que variable selon la config du navigateur, mais idem pour les
px
et les niveaux de zoom intrinsèques).
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention  
 
C'est bien pour ça que j'ai mis un joli lien... ça permet de voir tout ce qui est possible et leurs exactes définitions.
Mais quoi qu'il en soit... ça ne retire rien au fait que le choix que l'on fait (px, em, % ....) dépend exclusivement de ce que l'on souhaite obtenir.
Mais.. merci de cette précision.
0