http://blog.jaysalvat.com/articles/breadcrumbs-en-css.phpSuivi des commentaires de cet article.nospam@jaysalvat.comfrPhpCopyright 2010, Jay Salvatnospam@jaysalvat.com (Jay Salvat)(Bastien)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment804Sun, 06 Dec 2009 00:40:22 GMTJe n'ai pas les moyens de vérifier, mais c'est fort possible (j'aurais même pu m'en douter...) A réserver à des usages personnels, donc.(Jay Salvat)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment803Sat, 05 Dec 2009 23:57:26 GMTBonsoir Bastin, En effet text-indent sent la bidouille. Mais de mémoire c'est la solution la plus "cross-browser". Si je me souviens bien, color:transparent n'est pas suporté par tous les naviagateurs. Si ?(Bastien)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment802Sat, 05 Dec 2009 23:35:54 GMTJe viens de tomber sur votre blog dont je parcours tous les billets avec intérêt ; mes félicitations ! Une remarque cependant sur cet article, concernant le la propriété text-indent: -9999px; que je trouve farfelue et incongrue (si, si !). Il vaudrait selon moi mieux utiliser un color:transparent, qui a pour avantage de se passer de l'aspect 'bidouille' de la propriété à valeur négative. Ce qui n'enlève malheureusement rien au problème soulevé par Hubert.(Jay Salvat)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment799Wed, 02 Dec 2009 10:45:28 GMT@Jérémy Merci ça fait plaisir. J'ai un peu du mal à trouver le temps d'écrire en ce moment. Désolé. @Hubert En effet le lien n'apparait plus si les images sont désactivées (même soucis avec une images traditionnelle). Si ton soucis est l'accessibilité à 100%, tous ces effets graphiques sont à proscrire absolument. Seul le contenu doit être privilégié.(hubert)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment798Tue, 01 Dec 2009 17:23:34 GMTSalut, super post! Je vois juste un petit problème. Si on accède à la page (quelqu'en soit la raison) en ayant désactivé les images, il n'y a plus de lien visible vers la page d'acceuil! non? Je me demande si cette technique recevrait une certification accéssibilité (?) Merci Hubert @+(Jérémy)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment797Mon, 30 Nov 2009 15:29:17 GMTEt bien moi je dis que j'arrête de courrir après les billets de Jay, il est trop fort :) Franchement, je ne me souviens pas avoir poster un commentaire sur ton blog mais a chaque fois que je cherche de l'inspiration mon reflexe est : Jay Salvat sur Google lol... Merci pour tous ces posts... Jérémy P.S. : Il faut le dire quand c'est bien ;)(Stan)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment717Wed, 21 Oct 2009 16:42:45 GMTJ'appuie Jay : la balise image permet d'insérer une image (super Stan, t'as bien fait de donner une définition de la balise :) ). La sémantique veut donc qu'il s'agisse d'une donnée utile représentée sous la forme d'une image (un graphique, une photo, etc.) et non pas d'une façon sympa de représenter une autre notion sémantique (un lien par exemple). Comme le dit Jay, que se passe-t-il si on veut afficher le bandeau dans un navigateur texte ? Ou bien dicté par un navigateur vocal ? Bien séparer la sémantique de la mise en forme peut ne pas être "pratique" dans le cas des images mais je pense que c'est important. Pas uniquement pour "les autres" mais même pour soi. Le jour où on veut harmoniser un site avec des nouvelles icônes, il est tout de même plus simple de modifier une seule CSS que plusieurs fichiers ou une classe PHP. De plus, il est plus facile de présenter plusieurs styles pour un thème avec des images dans la CSS que dans les fichiers PHP. Encore une fois, la sémantique n'est pas l'accessibilité. Mettre un alt pour une image est nécessaire pour qu'une personne n'ayant pas accès à l'image (service d'hébergement de l'image temporairement HS ou navigateur sans image) puisse se faire une idée du contenu.(Jay Salvat)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment715Wed, 21 Oct 2009 11:49:29 GMTJe pense que tu confonds accessibilité et sémantique :) Quoi qu'il en soit procède comme tu préfères. Je pars toujours d'une base sémantique, neutre et le CSS ajoute l'aspect graphique. Perso je me refuse à mettre une images dans ce cas précis. Demain, qui me dit que je voudrais un icône pour representer le lien Home ?(Tchup)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment714Wed, 21 Oct 2009 11:40:29 GMTl'attribut alt de la balise img n'est pas prévu pour cela ?(Jay Salvat)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment713Tue, 20 Oct 2009 23:13:17 GMTBonsoir, Parce qu'une image n'est pas sémantiquement correcte. Le Html est censé définir de manière neutre, durable et universelle le contenu. Le CSS s'occupe de l'aspect graphique. Aussi, si demain, tu ne veux plus présenter ta liste sous forme de Breadcrumbs, l'image dans le li n'aura plus aucun sens. Enfin, si le navigateur ou device lisant ta page n'affiche pas les images, ton lien Home devient invisible. (Tchup)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment712Tue, 20 Oct 2009 23:02:54 GMTSalut, pourquoi ne pas directement mettre l'image home dans l'html ? (j'aime pas les techniques pour cacher du texte). Merci pour cet article très détaillé... Bonne continuation(Stan)http://blog.jaysalvat.com/articles/breadcrumbs-en-css.php#comment708Thu, 15 Oct 2009 15:34:54 GMTSimple, efficace, bravo :)