Éducation, société et technologie

CSS - Remplacement du texte par des images

mardi 9 novembre 2004 par André Vincent

Diverses techniques pour remplacer le texte par des images en arrière-plan à l’aide de CSS.

Afin de conserver une structure sémantique du texte tout en utilisant des images de remplacement pour certains éléments, il existe depuis quelque temps déjà diverses techniques qui consistent toutes à cacher le texte d’un élément pour le remplacer par une image d’arrière-plan.

Les diverses techniques utilisées jusqu’ici présentent divers effets de bande indésirables dans un bon nombre d’agents navigateurs.

Nous vous présentons ici les techniques qui nous semblent à ce jour les plus efficaces et celles présentant le moins d’effets indésirables.

Nous aimons également bien celle-ci, pour sa simplicité et sa propreté :

Vous pouvez aussi consulter deux tableaux comparatifs des diverses autres méthodes en usage présentement.

Remplacement dynamique du texte par des images

Voici enfin une méthode de remplacement dynamique du texte par des images dans une police donnée. Ainsi, on n’a pas à créer d’image soi-même, l’image est créée à la volée par une paire de scripts php et javascript.

Il est bon ici de rappeler que dans tous les cas, quand il existe une méthode pour formater le texte qui permet d’éviter l’une ou l’autre de ces méthodes, c’est toujours préférable.


Accueil | Contact | Plan du site | | Statistiques du site | Visiteurs : 10069 / 1832740

Suivre la vie du site fr  Suivre la vie du site Cours Web  Suivre la vie du site Sites web statiques  Suivre la vie du site CSS - Feuilles de styles   ?    |    titre sites syndiques OPML   ?

Site réalisé avec SPIP 3.1.4 + AHUNTSIC

Creative Commons License

Visiteurs connectés : 1