Discussion :

[Khleo]

Bonjour,

j'utilise la police de caractère entypo pour afficher des icones sur ma page.

Sous chrome mac je n'ai pas de problème par contre sous chrome windows j'ai un problème :

en effet l'icone se cale en bas au lieu de s'aligner au milieu :



Apparement ça vient de windows car le problème est identique sous Firefox windows...

Voici toutes les propriété appliqué sur la div qui contient l'icone :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
background-color: rgb(238, 238, 238);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: rgb(51, 51, 51);
cursor: pointer;
display: block;
float: right;
font-family: entypo;
font-size: 32px;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 24px;
line-height: 24px;
margin-left: 5px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
vertical-align: middle;
width: 13px;

Merci

[rodolphebrd]

Bonjour,

une page en ligne serait préférable !

[Torgar]

Voici déjà une version simplifiée de ton CSS.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
background-color: rgb(238, 238, 238);
border-radius: 3px;
color: rgb(51, 51, 51);
cursor: pointer;
display: block;
float: right;
font-family: entypo;
font-size: 32px;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 24px;
line-height: 24px;
margin-left: 5px;
padding: 3px 5px;
vertical-align: middle;
width: 13px;

En revanche, le vertical-align ne fonctionne que pour les <td> d'une table et les éléments de type inline-block.

[Khleo]

Salut,

J'ai changé de méthode finalement, j'utilise Fontello car il me fourni des css en plus des fichiers font.

Par contre sur firefox (mac et windows) j'ai le problème suivant :



Quelqu'un a une idée d'où ça peut venir ?

Edit : C'est bon j'ai réussi sous FF, j'avais oublié d'enlever l'ancienne déclaration de mon font du CSS.