Comment distinguer les liens web et mail via un css?

Bonjour,

Je souhaiterais, comme j'ai déjà vu ailleurs , pouvoir distinguer les liens webs et mails.

Pour le web, mettre un petit monde et pour les mails une enveloppe.
Est-ce possible via les style ?

Je ne pense pas, mais on ne sait jamais s'il y avait une astuce...

Merci d'avance pour vos réponses.

c'est possible en ajoutant une classe spécifique au lien...

<a href="mailto:arf@arf.com" class="lien-mail">arf@arf.com</a>
<a href="http://www.arf.com" class="lien-www">www.arf.com</a>

... et en y associant un background par exemple
Modifié par dew (06 Jul 2006 - 17:22)

euh non ce n'est pas ça que je veux vraiment...Mais c gentil

J'aimerais que lorsque la page est sur internet, le browser distingue automatiquement les liens webs est mails sans pour autant mettre des class spécifiques...

Vous comprenez ? Comme les styles <h1> peuvent être définis et automatiquement interpétés dans le browser...

C'est faisable en javascript, sinon je ne vois pas réellement d'alternative.

Merci, mais tu peux me dire comment à tout hasard ou me donner une référence précise

Salut mary,
il va faloir que tu écive une fonction avec le DOM, en faisant un truc du genre

function lien()
{
  lien = getElementsByTagName('a');
  for (var y=0 ; y<lien.length ; y++)
  {
     ref=lien[y]getAttribute('href');
....
  }

}

Et comme ça tu récupére une chaine avec le href de chaque lien, tu n'a plus qu' a y chercher mailto et appliquer ton style. Appliquer une class à tes lien mailto sera plus simple et plus universel si tu veux mon avis...
Modifié par coccimaster (07 Jul 2006 - 11:16)

Apparement le fait de passer un espace après « mailto: » ne semble pas poser de problème (testé avec Firefox, IE, Opera).
Dans ce cas là il serait possible d'utiliser le sélecteur d'attribut

a[href~="mailto:"] {}

Je ne le conseillerais pas quand même

Si ça ne concerne qu'un Email (ou un petit nombre)

a[href="mailto:arf@arf.com"],
a[href="mailto:arf2@arf.com"] {}

De toute façon, tout cela n'est pas supporté par Internet Explorer

comment je peux faire pour mettre un style aux liens mailto: comme tu me le suggères ?
Les liens

<a>

je vois masi pas les mailto..

Tu peux m'aider ?

Fermé pour cause de doublon avec Comment distinguer les liens web de manière générale sur mon site ?

Merci de ne PAS ouvrir un 2ème sujet quasi-identique dans un autre salon alors que le 1er n'est pas résolu, cela a pour résultat le double de travail pour les modérateurs et membres qui te répondent ... Il suffit de demander le déplacement du sujet dans un autre salon.

Felipe