mauvais affichage des caractères dans IE

Version imprimable

26/02/2011, 21h51
Lionel_aw

1 pièce(s) jointe(s)

mauvais affichage des caractères dans IE

Bonsoir,
je suis en train de mettre au point un menu escamotable avec jquery.

ça fonctionne parfaitement mais il y a un petit truc:
avec Internet Explorer, les caractères sont pixelisés, comme si l'anti alias avait été désactivé , alors que sur Firefox et les autres, ça s'affiche parfaitement (voir image)

quelqu'un a une idée? et éventuellement une solution?

Merci
27/02/2011, 19h31
Bovino

Utilise Photoshop pour lisser les images... :koi:

Vu que tu ne montres que les images, je réponds là-dessus, tu aurais montré du code, on aurait pu envisager d'autres solutions...
27/02/2011, 19h45
ABCIWEB

Cela doit venir de la police que tu utilise. Certaines sont affichées différemment suivant les navigateurs et notamment les variantes (gras italiques etc.). Essaie de choisir une police dont le rendu d'affichage sera à peu près identique pour les différents navigateurs.

Sinon il te reste la solution de Bovino, faire afficher des images.

je ne peux pas mettre des images pour remplacer le texte, il va y avoir plus de 40 éléments de menu sur le site...
la police est basique, c'est arial ou verdana, et avec IE elle s'affiche comme si l'anti aliasing (ou crysta lclear) de microsoft était désactivé.

au niveau du code c'est basique, contenu dans des éléments ul

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
			<li> 
				<a href="#">Rocksane 1</a> 
				<div class="gallery">
					<ul> 
                        <li class="separateur">2004</li> 
						<li><p><a href="/photo/supremes.php"><img src="/images/thb_dindes.jpg"  /><strong>Suprêmes Dindes</strong><br />le 11 f&eacute;v 2005</a></p></li> 
						<li><p><a href="/photo/test2.php"><img src="/images/thb_thal.jpg"     /><strong>Ron Thal - Bumblefoot</strong><br />le 03 nov 2005</a></p></li>
						<li><p><a href="#"><img src="/images/242177.jpg"  /><strong>The Fleshtones</strong><br />More information about this</a></p></li> 
						<li><p><a href="#"><img src="/images/226138.jpg"  /><strong>Ron Thal - Bumblefoot</strong><br />More information about this</a></p></li> 
						<li><p><a href="#"><img src="/images/216794.jpg"  /><strong>Patrick rondat</strong><br />More information about this</a></p></li> 
						<li><p><a href="/photo/supremes.php"><img src="/images/236872.jpg"  /><strong>Suprêmes Dindes</strong><br />More information about this</a></p></li> 
                        <li class="separateur">2005</li> 
						<li><p><a href="/photo/test2.php"><img src="/images/242702.jpg"     /><strong>Didier Super</strong><br />More information</a></p></li> 
						<li><p><a href="#"><img src="/images/242177.jpg"  /><strong>The Fleshtones</strong><br />More information about this</a></p></li> 
						<li><p><a href="#"><img src="/images/226138.jpg"  /><strong>Ron Thal - Bumblefoot</strong><br />More information about this</a></p></li> 
						<li><p><a href="#"><img src="/images/216794.jpg"  /><strong>Patrick rondat</strong><br />More information about this</a></p></li> 
					</ul>
                 </div>
			</li>

Le problème est dans Internet Explorer et je croyais que c'était un problème connu car je l'ai déjà constaté dans d'autres cas avec Javascript impliqué et je croyais qu'il y avait un hack connu

28/02/2011, 09h07
SpaceFrog

oui j'ai déja lancé un post sur le sujet les polices en font-weight bold supportent mal les animations sous IE
Il faut réinitialiser le filter sur le callback de l'animation et mettre un fond opaque de mémoire ...
je vais essayer de retrouver la discussion

[edit]
http://www.developpez.net/forums/d93...texte-sous-ie/
28/02/2011, 10h10
Lionel_aw

Citation:

Envoyé par SpaceFrog

oui j'ai déja lancé un post sur le sujet les polices en font-weight bold supportent mal les animations sous IE
Il faut réinitialiser le filter sur le callback de l'animation et mettre un fond opaque de mémoire ...
je vais essayer de retrouver la discussion

[edit]
http://www.developpez.net/forums/d93...texte-sous-ie/

La grenouille de l'espace, tu est génial!!! je viens d'étudier le post que tu cites et j'ai fait un test en dévalidant de façon temporaire l'animation javascript et effectivement les polices apparaissent nickel!!!!!!!

donc je vais aller plus profond et faire ce que préconise daniel Hagnoul, à savoir de fixer en dur les propriétés css avant le lancement de l'animation.
Je reviendrai vous dire si ça marche...

Merci beaucoup vous m'avez vachement aidé.....

Lionel
28/02/2011, 10h16
SpaceFrog

essaye juste sur le callback de l'animation de réaffecter un style ...
le phénomène de pixellisation aura malheureusement toujours lieu pendant l'animation mais le police reprendront un aspect correct a la fin de l'anim.
28/02/2011, 10h33
Lionel_aw

Citation:

Envoyé par SpaceFrog

essaye juste sur le callback de l'animation de réaffecter un style ...

Ben pas évident car je suis pas encore un expert de Javascript et en plus c'est un script que j'ai acheté là http://codecanyon.net/item/drop-menu/discussion/81289?page=6

Je vais recontacter le créateur pour lui demander où insérer le style en dur dans le script...

pour l'instant j'ai mis une solution temporaire en place...

je teste le navigateur et j'agis en conséquence..en désactivant les animations pour IE
Code:

1 2 3 4 5 6 7 8 9 10 if (navigator.userAgent.toLowerCase().indexOf("msie") == -1) { var defaults = { .... ici les paramètres pour tout sauf IE }; } else { var defaults = { .... ici les paramètres pour IE seulement, animation désactivée };
comme ceci, ceux qui ont un bon navigateur peuvent profiter de l'animation
c'est vraiment une poisse ce navigateur IE !!!!!!