[uf-discuss] hCard - Telephone types (cell, office etc)

[Ian Lloyd]

I have used a Microformat for the first time in a project (cue  
fanfare) but it's not working out 100% as I had hoped (cue loud  
booing noise and general rasping).

I want the telephone numbers to display on screen as Work and Mobile,  
but understand that it needs to be marked up as Office and Cell. So I  
want to use CSS to hide the proper terminology and display the UK- 
centric terms instead.

Is this OK?

  <div>Office: <span class="tel"><span class="type">Work</span> <span  
class="value">+44 (0) 121 683 5151</span></span></div>
  <div>Mobile: <span class="tel"><span class="type">Cell</span> <span  
class="value">+44 (0) 7710 623044</span></span></div>

I've had issues where by placing the <span class="type">Work</span>  
in the HTML, it imports that information into the hCard itself, so  
that in iCal on Mac it shows as :

Cell: Mobile +44 (0) 7710 623044

... and when that gets synced to my phone, it all goes to pot.

Like I said, it's probably something simple I've missed, but wood/ 
trees and all that.

Thanks

Ian Lloyd
---------------------------------
A beginner's guide to building web sites (with web standards!) http:// 
beginningwebdesign.com/
Published by SitePoint (ISBN 0975240293)
Download first four chapters for free: http://tinyurl.com/mm6qa
Testimonial from a happy customer: http://tinyurl.com/eqsaj