18100 sujets

Questions générales et questions de débutants

Comment distinguer les liens web et mail via un css?

Bonjour,

Je souhaiterais, comme j'ai déjà vu ailleurs Smiley lol , 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 ? Smiley confused

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

Merci d'avance pour vos réponses.
connecté
Administrateur
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 Smiley smile

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... Smiley confus

Vous comprenez ? Comme les styles <h1> peuvent être définis et automatiquement interpétés dans le browser... Smiley smile
Merci, mais tu peux me dire comment à tout hasard ou me donner une référence précise Smiley confused
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 Smiley ohwell

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 Smiley smile
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 ?
Sujet clos
Aller à