Introduction to hCard, Part two: Styling hCards

In this article, Christopher Schmitt follows up his hCard introduction by showing us how add some style to hCards, to make them fit nicely into a page design.

( Read the article )

I think there's a typo in the introduction. In the first code snippet you have the email address code listed as:
<p><div class="email"><a href="mailto:jackthetripperexample.com">jackthetripper@example.com</a></div></p>

You're missing the '@' in the mailto: portion. It should be <p><div class="email"><a href="mailto:jackthetripper@example.com">jackthetripper@example.com</a></div></p>

It also appears the finished image for figure 2 is not correct. It doesn't look like the live example.

I also noticed that in the "Adding Rounded Corners" section the author states "I go into detail about how it works, but I will run quickly through steps needed to get it to work for our hCard." and I think he mean "I won't go into detail..." because he never really does go into detail on how it works.

Lastly, it looks like he's missing the '@' in the email address in the footer example as well.

Post edited Friday, 27. March 2009, 14:14:29

Thanks for letting me know about the typos. I've passed on the typos to Chris at dev.opera.

Christopher Schmitt
twitter @teleject