Ca marche sous Firefox, mais sous IE le texte s’affiche quand même en tout petit. Ca n’est pas propre et surtout ca ne passe pas au validator, quelqu’un à une idée pour faire ca bien ?
Pas assez rapide Plissken :P, je vais aussi préciser que si effectivement je fais l’inverse, et bien le lien se fait sur le texte qui n’apparait plus (à cause du text-size: 0 ou du text-indent: -1000) alors que moi je voudrai que ce soit sur l’image, c’est à dire sur toute la balise
[quote name=‘ZGoblin’ date=’ 25 Nov 2004, 13:21’]Pas assez rapide Plissken :P, je vais aussi préciser que si effectivement je fais l’inverse, et bien le lien se fait sur le texte qui n’apparait plus (à cause du text-size: 0 ou du text-indent: -1000) alors que moi je voudrai que ce soit sur l’image, c’est à dire sur toute la balise
Après avoir matter les sources de plusieurs sites de design, j’ai trouvé exactement la même solution, à une différence prêt, ta solution engy provoque une ligne au travers de mon écran :
J’ai peut être pas tout saisi, mais pourquoi ne remplaces tu pas ton texte par un bon vieux des familles, ou même à la rigueur par un gif transparent (old-table-school, c’est sur, mais efficace ! ) ?
Ou alors il y a un interet par rapport à certains browsers non css ou les moteurs de recherche?
J’aimerai bien comprendre ca!
[quote name=‹ jbaptiste › date=’ 26 Nov 2004, 18:43’]J’ai peut être pas tout saisi, mais pourquoi ne remplaces tu pas ton texte par un bon vieux des familles, ou même à la rigueur par un gif transparent (old-table-school, c’est sur, mais efficace ! ) ?
Ou alors il y a un interet par rapport à certains browsers non css ou les moteurs de recherche?
J’aimerai bien comprendre ca!
[right][post=« 307459 »]<{POST_SNAPBACK}>[/post][/right][/quote]
C’est pour les milliers de personnes qui vont aller sur mon site avec lynx . En fait, c’est au cas où il faudrai faire d’autres CSS pour le bas débit sans images, j’aime bien faire les choses bien faites et prendre les devants.
Je vais relancer un peu le sujet avec un autre problème entre IE et Firefox (testé aussi avec Opera). Un de ces navigateurs n’affiche pas ce que je veux (je vous laisse deviner lequel ).
J’ai mis des margin-bottom, margin-top et padding-bottom, padding-top à 0 presque partout, je ne sais vraiment pas pourquoi il me met des espaces entre le menus.
[quote name=‘jbaptiste’ date=’ 26 Nov 2004, 18:43’]J’ai peut être pas tout saisi, mais pourquoi ne remplaces tu pas ton texte par un bon vieux des familles, ou même à la rigueur par un gif transparent (old-table-school, c’est sur, mais efficace ! ) ?
Ou alors il y a un interet par rapport à certains browsers non css ou les moteurs de recherche?
J’aimerai bien comprendre ca!
[right][post=“307459”]<{POST_SNAPBACK}>[/post][/right][/quote]
Parce que google et ses potes repèrent des mots clés comme menu, introdution etc… pour mieux indexer le contenu de la page et en deviner la nature pour mieux la classer. L’html c’est pour la structure du document et l’info et la css pour le design. Ca n’a en fait rien à voir avec la manière dont ie ou ff ou opera affiche la page mais avec le soin que tu mets à mettre à disposition les données.
J’ai mis des margin-bottom, margin-top et padding-bottom, padding-top à 0 presque partout, je ne sais vraiment pas pourquoi il me met des espaces entre le menus.
[right][post=« 307576 »]<{POST_SNAPBACK}>[/post][/right][/quote]
alors c’est a prendre avec des pincettes, mais c’est peut etre du a un bug d’ie (oui moi aussi ca m’etonne mais bon :P" ) essaie de retirer les retour a la ligne dans ton fichier html et voit si ca marche mieux.
[quote name=‘nolan’ date=’ 26 Nov 2004, 14:23’]Personnellement je préfere cacher vraiment le texte plutôt que de le pousser hors du champ visuel.
Il existe pleins de variantes suivant le fait que tes images soient de taille fixe ou pas, qu’elles soient différentes ou pas (class ou élement), etc…
[right][post=“307379”]<{POST_SNAPBACK}>[/post][/right][/quote]
Il n’y a pas un risque de faire blacklister par google si on met du texte caché?
Sinon je souhaiterais souligner le fait qu’il n’est pas nécessaire de mettre ton
dans un , la balise
étant déjà une balise bloc (voir d’ailleurs l’exemple de l’excellent nolan plus haut dans ce thread).
La dernière fois que j’en avais discuté avec un gourou il m’avait incendié pour ce genre de techniques de designers tendances/secte_w3.
Pour lui la seule solution c’était de mettre des avec des noms générique et ce sont ces images là plutôt que la css que tu remplaces pour changer le look (le but du jeu étant de garder le caractère « générique » de la démarche. Tu utilises les attributs alt et title pour indiquer au moteur de recherche l’info contenue dans la balise. Si l’image n’était pas disponible on verrait alors le texte (alt/title) affiché et mis en forme par l’élement qui le contient. Au final on a les mêmes résultats et on ne prend pas le risque de se faire kicker. Mais c’est pas très propre
Un autre exemple: les titres en image
<h1><img src = "mon_beau_titre_custom.jpg" alt = "Chapitre 1" title = "Chapitre 1" /></h1>
[quote name=‹ engy › date=’ 27 Nov 2004, 12:05’]alors c’est a prendre avec des pincettes, mais c’est peut etre du a un bug d’ie (oui moi aussi ca m’etonne mais bon :P" ) essaie de retirer les retour a la ligne dans ton fichier html et voit si ca marche mieux.
oui je sais ca a l’air débile comme ça mais il me semble que ca m’avait résolu un probleme de ce genre.
[right][post=« 307600 »]<{POST_SNAPBACK}>[/post][/right][/quote]
Merci, tu sais que je t’aime toi ! Ca a résolu mon problème, je hais Internet Explorer…
[quote name=‹ ZGoblin › date=’ 27 Nov 2004, 13:39’]Merci, tu sais que je t’aime toi ! Ca a résolu mon problème, je hais Internet Explorer…
[right][post=« 307635 »]<{POST_SNAPBACK}>[/post][/right][/quote]
de rien de rien, j’ai ramé aussi pour trouver le problème.
ça confirme que IE fume des trucs quand même . transformer un retour a la ligne dans le html en a l’affichage, c’est gonflé…
