css: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(A start...)
 
(abbr)
 
(One intermediate revision by the same user not shown)
Line 4: Line 4:


The following CSS code may be applied to microformats. Please feel free to modify it to suit your own site.
The following CSS code may be applied to microformats. Please feel free to modify it to suit your own site.
== Abbr ==
Some browsers (Camino, Firefox, Mozilla) put a <span style="border-bottom:dotted 1px">dotted underline</span> or border on each <abbr title="abbreviation">abbr</abbr>. You can use the following rule in your style sheet to eliminate this default presentation.
<pre><nowiki>
.vcard abbr
{
border:0
}
</nowiki></pre>
(add other microformat top-level classes as required)


==Objects==
==Objects==
Line 29: Line 41:
}
}
</pre>
</pre>
==External discussion==
*[http://24ways.org/2006/styling-hcards-with-css 24 ways: Styling hCards with CSS]

Latest revision as of 21:03, 4 February 2008

CSS

The following CSS code may be applied to microformats. Please feel free to modify it to suit your own site.

Abbr

Some browsers (Camino, Firefox, Mozilla) put a dotted underline or border on each abbr. You can use the following rule in your style sheet to eliminate this default presentation.

.vcard abbr
	{
	border:0
	}

(add other microformat top-level classes as required)

Objects

To hide objects which exist as part of the include-pattern:

object.include 
	{
	width: 0;
	height: 0;
	display: none;
	}

Telephone numbers

To ensure that telephone numbers are read out properly by aural devices or applications (e.g "one-two-three-four", not "one thousand, two hundred and thirty-four"):

.tel
	{
	speak: spell-out;
	speak-numeral: digits;
	}

External discussion