Hi all, just wondering if there was a way to make a phone number text a link (on mobile devices).

 

On a site I'm currently working on, there is a phone number located in 2 places on the site - in the header and the footer - the footer text seems to be a link when using an iPhone (is this a default setting on iPhones?) but the header phone number text just appears as text.

 

Is it as simple as making the text a link and giving the href a value of the phone number?

 

Cheers.

Al.

I don't know anything about this since I haven't encountered this problem before. But from my point of view, if it works at the buttom of the page why not just look at the code and see how it works then?

 

but take a look at this link: http://beradrian.wordpress.com/2010/01/15/special-links/

 

I think it will help you solve your problem.

Im sure it will automatically detect if its a phone number if so display it as a clickable link, compare the two numbers together to see if you have formatted them diffrently or 01234 567890 or 01234567890

<a href="tel:0123456789">call me</a>
 

Seems to work across most devices

Thanks for the replies guys, the number in the header is in a p tag whereas the number in the footer is in an li tag, that's the only difference.

 

I'll give your solution a go Blue, cheers!

 

Al.