Détection numéro téléphone

[snewt]

Bonsoir à tous!

Je suis en train de faire une optimisation de site afin que la navigation soit agréable sur un iphone et je me retrouve confronté à un problème tout simple et pourtant je ne trouve pas de solution.

Je souhaite donc afficher dans un tableau un numéro de téléphone avec un truc du genre :
<tr><td>Tel : 0000000000</td></tr>
Mais il s'avère que mon iphone détecte qu'il s'agit d'un numéro de téléphone (que j'écrive le préfixe tel: ou pas) puique si je clique dessus il me propose de composer automatiquement le numéro.

Le problème est que ce numéro est du coup affiché en blanc sur fond blanc, et impossible de changer la couleur du texte, que ce soit avec un <td style="color:#000;">, un <span style="color:#000;"> ou encore <font color="#000">.

Avez vous une idée pour résoudre ce problème ?

 

[PA5CAL]

Bonsoir et bienvenue sur Mac Gé'

Je n'ai pas d'iPhone sous la main pour essayer (ici on est sur un forum Mac) mais tu pourrais tenter de "casser" le numéro de téléphone avec de tags html de sorte qu'il ne soit pas reconnu comme tel par le navigateur. Par exemple :

[I][FONT=Courier New]<tr><td>Tel : [COLOR=darkred]<span>[/COLOR]0000[COLOR=darkred]</span><span>[/COLOR]000000[COLOR=darkred]</span>[/COLOR]</td></tr>[/FONT][/I]

 

[snewt]

Bien joué ! Ca fonctionne nickel !
Merci

 

[Anonyme]

C"est mieux de laisser le numéro cliquable pour les utilisateurs et de modifier la css :

<a href="tel:+33100000000" class="tel">00 33 1 00 00 00 00</a>

Avec comme css :

a.tel  {background-color: white; color: blue;}
a.tel:hover, a.tel:focus {background-color: blue; color: white;}