Enlever le soulignement du numéro de tel et de l'adresse

Version imprimable

bonjour,
je suis bloqué depuis un petit temps sur le soulignement d'une adresse et du numéro de téléphone que je souhaite enlevé.
Comment feriez vous, j'ai essayer en passant par l'intermédiaire du css mais rien n'y fais.

Voici mon code:

Code:

1
2
3
4
5
6
7
8
9
<tr>
      <td style='font-size:0.75em;'><span itemscope itemprop="telephone">Tél.: <a id="appleLinksBlack"
      href="<?php echo ($isMobile? 'tel' : 'callto') ?>:+XXXXXXXXXX">+XXXXXXXXXX</a><span style="font-weight:bold;">&nbsp;|&nbsp;</span> Mob.: <a
      href="<?php echo ($isMobile? 'tel' : 'callto') ?>:+XXXXXXXXXX">+XXXXXXXXXX</a></span></td>
    </tr>
    <tr>
      <td style="line-height:0.8em;font-weight:thin;font-size:0.85em;"><span itemscope itemprop="address" ><a 
      href="79, rue de Patay, 75013 Paris, France" >32, Rue de la mare, 75013 Paris, France </a></span><span style="font-weight:bold;">&nbsp;|&nbsp;</span> <a href="http://www.xxxxxxxxxxx.com" style="color:#333; text-decoration:none; underline:none;">www.xxxxxxxxxxx.com</a></td>
    </tr>

Merci à vous

Loïc

05/10/2015, 13h15
Jacques Beauregard

Bonjour,
Je ne vois pas le problème :

Code:

text-decoration:none

appliqué à la balise <a> concernée enlève l'effet du soulignement. Je vois que tu ne l'appliques pas pour le téléphone ni l'adresse.
05/10/2015, 15h28
ciolvic

C'est bon pour l'adresse mais par contre j'ai toujours le problème sur le numéro de téléphone.
Je déjà mis cela dans le CSS mais rien n'y fais.

j'ai essayé de mettre la méta tag mais rien....

Voici le code pour l'adresse:

Code:

<td style="line-height:0.8em;font-weight:thin;font-size:0.85em;"><span itemscope itemprop="address" ><foo>XX, r&zwnj;ue XXXXXX, XXXX Paris, France<foo></span><span style="font-weight:bold;"> | </span> <a href="http://www.XXXXXXXXXX.com" style="color:#333; text-decoration:none; underline:none;">www.XXXXXXXX.com</a></td>

Si quelqu'un a une idée.....

Loïc
05/10/2015, 18h50
Invité
Bonjour,

il faut faire pareil pour les <a> des téléphones.

N.B. Tu devrais prendre le temps de faire un tour par ici :
- Les meilleurs cours et tutoriels CSS
05/10/2015, 18h51
NoSmoking
Bonjour,
Jacques Beauregard t'a donné la solution mais il te faut la mettre en oeuvre de façon intelligente ce qui veux dire oublie le "style inline" et ajoute dans la partie style de ta page, si elle n'existe pas crée là ;)
Code:

1 2 3 a: { text-decoration:none; }
ainsi TOUS les liens ne seront plus soulignés.

PS:
- c'est quoi cette balise <foo> ?
- c'est quoi ce code <span style="font-weight:bold;"> | </span> ? Il existe des moyen plus sympa de "marger" des éléments .

C'est une signature pour Iphone et je n'arrive pas même en passant par le css à enlever ce soulignement.....

Help....

Voici mon code actuel:

Code:

1
2
3
4
5
<tr>
      <td style='font-size:0.75em;' ><span itemscope itemprop="telephone">Tél.: <a 
      href="<?php echo ($isMobile? 'tel' : 'callto') ?>:+33XXXXXXXX">+33(0)X XX XX XX XX</a><span style="font-weight:bold;">&nbsp;|&nbsp;</span> Mob.: <a
      href="<?php echo ($isMobile? 'tel' : 'callto') ?>:+33XXXXXXXX">+33 (0)X XX XX XX XX</a></span></td>
    </tr>

Loïc

06/10/2015, 14h11
Jacques Beauregard

As-tu au moins essayé le bout de code proposé par NoSmoking ?

Oui j'ai testé son code mais rien il n'y a aucun changement.

J'essaye de voir avec:
Code:

1 2 3 4 5 6 7 8 9 <style type=”text/css”> /*<![CDATA[*/ a:link {text-decoration:none;} a:visited {text-decoration:none;} a:active {text-decoration:none;} a:hover {text-decoration:none;} /*]]>*/ </style>
Ci vous avez des infos n'hésitez pas.....

Loïc

08/10/2015, 19h28
NoSmoking

Peut être un problème de spécificité ?

• Une lecture de chevet : Règles d'application des styles CSS et gestion des conflits
• Un outil de test : Specificity Calculator

Regarde quand même le code HTML généré on ne sait jamais !