Sean McCullough Learn, Understand, Apply, Share and repeat

21Sep/090

Styling Ordered Lists

Styling ordered lists?....but want a fancy styling on the list numbers themselves?
Try this:

[CSS]

ol { font: italic 1em Trebuchet MS, Times, serif;  color: #000000; }
ol span { font: normal .75em Arial, Helvetica, sans-serif; color: #7e7e7e; }

[HTML]
<ol>
<li>
<span>First, check out the great purple sun its awesome</span>
</li>
<li>
<span>Secondly, its purple</span>
</li>
<li>
<span>Thirdly, it tastes like grapes</span>
</li>
</ol>

ol {
font: italic 1em Trebuchet MS, Times, serif;
color: #000000;
}
ol span {
font: normal .75em Arial, Helvetica, sans-serif;
color: #7e7e7
Filed under: CSS, Quick tips No Comments
15Sep/090

Print Preview shortcut in most browsers

In creating the print style screen for Knorr.ca I found a very useful tip for anyone working on print styles:

alt+F, then V - will start up print preview.

I haven't tested this trick in browsers other than FF 3.5, IE6, IE7, IE8. I will get back to you though.

Good luck :D
Your friendly neighbourhood,
Smccullough