Skip to content

Home » dev » Use of (My) Currency Microformat

Use of (My) Currency Microformat

Abstract

There is a currency Microformat in proposal at the moment, and this page gives an example of how I would use it, along with some fancy formatting a la Argos (but without the tables).

Example

Now only £129.00

Code

(X)HTML

<p>Now only <span class="currency"><abbr class="type" title="GBP">£</abbr>
<span class="value">129<span>.00</span></span></span></p>

CSS

.currency {
color: red;
font-family: arial,helvetica;
font-size: 30px;
font-weight: bold;
}
.currency abbr, .value span {
vertical-align: super;
font-size: 11px;
font-weight: normal;
}
abbr {
cursor: normal;
border: 0;
}
abbr:hover {
border-bottom: 1px dotted black;
}

Conclusion

It works, and looks good. Now if only the others at Microformats could see that the direction they’re taking the proposal in is all wrong…

Post a Comment

Your email is never published nor shared. Required fields are marked *

Subscribe without commenting