Vavoirca (fr), etaussiceluila (en)

Bonjoir à tous,

De nombreux sites site web dont alsa affiche à la suite d'un lien externe la langue de ce site, voire même pour certains sites le drapeau.

Existe-t-il un solution html/xhtml/css pour faire cela dois-je avoir recours au scripting.

Merci beaucoup

Sylvain

salut,

je te conseil de lire l'article sur ibilab, je pense qu'il doit résoudre ton problème:

http://www.ibilab.net/webdev/articles/CSS/langue-liens-hypertextes-9.htm
Modifié par eman73 (16 Feb 2005 - 12:21)

désolé pour ce post un peu rapide, les sources d'alsa parlent d'elles-même

coté css

a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	color : #666;
	background : transparent;
}

coté html/xhtml

<a href="http://www.lesite.com/" hreflang="fr">Un site</a>

pour un site en francais


Seul dommage IE n'y voit que du feux

merci à toi eman73

Bonjour,
Pour le code de langue de la ressource pointée, c'est de l'indiquer dans l'attribut hreflang de l'élément a.

hreflang="fr"

Pour l'afficher grâce à css avec l'utilisation d'une pseudo-classe (:after):

a[hreflang]:after {
content:" [" attr(href)"]";}

Pour l'espace insécable voir le lien sur ibilab.

Mais tout cela n'est pas disponible pour IE

Un correctif à apporter à cet article: les codes de langue doivent être dans tous les cas conformes à ISO639-2, que le document soit en HTML ou en XHTML. Voir :
- http://www.loc.gov/standards/iso639-2/langcodes.html pour la liste actualisée des codes de langue.
- http://openweb.eu.org/articles/specifier_langue/ pour le choix entre code de langue à 2 ou 3 lettres (par exemple, "eng" ne doit pas être utilisé pour l'anglais, "fra" ne doit pas être utilisé pour le français, etc.)

C'est curieux, je n'arrive pas à mettre vos codes en pratique.

Le code donné par disident :

a hreflang :after {
	content: "\0000a0(" attr(hreflang) ")";
	color : #666;
	background : transparent;
}

Le code donné par Igor :

a hreflang :after {
	content:" [" attr(href)"]";
}

Cependant, le code issu du lien donné par eman73 fonctionne à merveille :

A[hreflang]:after{
	content:"\0000a0[" attr(hreflang) "]"
}

Visiblement, le code n'est pas le même. Quoi qu'est-ce ?

ah ah !

Je viens de voir en prévisualisant mon post !

Les crochets "[" et "]" englobant le hreflang n'apparaissent pas dans le code, donc en copiant-collant, le code est invalide.

Le bon code est donc :

A[*hreflang*]:after{
	content:"\0000a0[" attr(hreflang) "]"
}

sans les astérisques "*"

dsl

disident a écrit :

dsl

Meuh non !

C'est pas ta faute...

...c'est la faute à Dew !