New way to disable Skype phone number links on web site without breaking the number?

html css hyperlink skype phone-number
Terri Swiatek picture Terri Swiatek · Oct 16, 2013 · Viewed 8.9k times · Source

The old way I was disabling Skype icons / links on webpages (which I found on this site) no longer seems to work.

I've tried: 1. Adding this to the head:

<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />

2.

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

3. Adding these CSS rules:

span[class^='skype_pnh_container'] {display:none !important;}
span[class^='skype_pnh_print_container'] {display:inline !important;}

None seem to work for me anymore.

I don't want to resort to breaking the phone number with span tags as it won't be clickable on devices.

If anyone knows of a new way to disable the styles as of October 2013 I'd be very appreciative. Thanks,

Answer

user2324667 picture user2324667 · Oct 19, 2013

Change all the numbers to anchor tags () and add the link for example:

<a href="tel:123456789">123456789</a>

href="tel:" works like the href="mailto:" so it works on mobile device and with Skype if it is installed on the clients computer.

Hope this helps

Related questions

Use a normal link to submit a form

I want to submit a form. But I am not going the basic way of using a input button with submit type but a a link. The image below shows why. I am using image links to save/submit the …

Read More
How can I make a link from a <td> table cell

I have the following: <td> some text <div>a div</div> </td> I'd like to make the entire <td>...</td> a hyperlink. I'd prefer without the use of …

Read More
html - table row like a link

I can't set my table row as link to something. I can use only css and html. I tried different things from div in row to something another, but still can't make it works.

Read More