phone numbers display on iphone

[IanJ]

I am building a site for a client and it has his phone number on the top right hand side.
It displays perfectly on the web, but when viewed on an iphone the telephone number appears as a faint yellow and the font size changes.

If you tap in the area, the iphone dials the number, so it is there. Is there any way to make the number display as it should?

Site is www.palletfreightservices.co.uk

Many thanks for any ideas!!

Ian

[IanJ]

Found the solution to this on the apple website. Insert the following metatag and the number will display as it should.
<meta name = "format-detection" content = "telephone=no">

With so many people now using the iphone to surf the web, might need to insert this tag in all sites.

[mia]

Thanks for the report.
With your solution the number is now even displayed on the iPad.

Before there was no number to be seen at all. It just turn up for a split second when the page was loading and then it disappeared completely.

[Technology Ideas]

In relation to the iPhone/iPad and the formatting of phone numbers, it formats those numbers so that people can automatically dial the number direct from your web page. This is maybe something you do want to leave activated in iphone/iPad applications and specific pages for ease of contact to your company by those users.

[IanJ]

You are quite right Andrew, the only problem is that you can't actually see where the phone number is. The iphone seems to display it in a very faint yellow, if anybody knows how to make the iphone display the number in a colour the viewer can actually see, then that would be great.

[Technology Ideas]

I was simply making the ponit to add to this thread for others to learn. This is the fun of worknig with all sorts of devices and the ability people have to customise them as well.

Is the CSS set for that link: i.e. <a> link set in CSS? Also understand that with the iPhone/iPad people can override the CSS with Themes so it's hard.

Adding the tel: command in front of the phone number will also override the <meta name = "format-detection" content = "telephone=no"> command if required. i.e. <a href="tel:1-800-123-4567">1-800-123-4567</a>

You can also set CSS specifically for iPhones using <link media="only screen and (device-width: 480px)" href="iphone.css" type= "text/css" rel="stylesheet">

[Valerie3]

Found the solution to this on the apple website. Insert the following metatag and the number will display as it should.
<meta name = "format-detection" content = "telephone=no">

With so many people now using the iphone to surf the web, might need to insert this tag in all sites.

Thank you very much! Many iphone app developers experience the problems with the displaying information.