28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Voici un exemple de ce que je souhaite faire : http://jsfiddle.net/9AaCk/ (à tester dans Firefox pour que ça fonctionne, et dans IE10 pour voir ce qui ne marche pas).
En gros, il s'agit d'avoir un chevron dirigé vers la droite, collé au bord droit des éléments de la liste et aligné verticalement.

Dans IE10, le chevron ne s'affiche pas. Cela semble provenir du fait que j'utilise une police de caractère non standard. Car dans cet exemple là, ça fonctionne : http://jsfiddle.net/mpWcz/. Si l'on change le "display" en "inline-block" par exemple, ça fonctionne aussi, mais ce n'est plus centré verticalement (évidemment).

Connaissez-vous une façon de contourner ce problème ? Comment faire du centrage vertical dans un pseudo élément (ici ":before") dans IE10 ?

Merci d'avance !
Salut,
Juste pour te dire que j'ai essayé un peu et que j'ai lâché l'affaire.
Je ne vois pas d’où peut venir se bug au niveau de la police et n'arrive à aligner correctement verticalement le chevron.
Par contre pour aligner sur la première ligne pas de problème.
Salut benj,

Merci quand même d'avoir essayé !
Est-ce que tu aurais un exemple avec l'alignement sur la première ligne (ça pourrait être un bon compromis dans mon cas) ?