11 Jun, 2009

Geef stijl aan een ol lijst

Categoriën: crossbrowser |template |Typography |valid

Als je wil dat de nummerieke weergave van een <ol> lijst anders moet zijn als de tekst die erop volgt, kan je ofwel afbeeldingen gebruiken (veel css voor nodig), ofwel volgende trick toepassen.

HTML

<ol>
  <li>
    <p>Lijst item één</p>
  </li>
  <li>
    <p>Lijst item twee</p>
  </li>
  <li>
    <p>Lijst item drie</p>
  </li>
</ol>

CSS

ol {
font: italic 1em Georgia, Times, serif;
color: #999;
}
ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000;
}
Tags: , , ,

Gerelateerde Snippets

1 Reactie op "Geef stijl aan een ol lijst"

Tolax

June 18th, 2009 at 19:07

1

Of vervang het p element voor een span element als het geen alinea is ;)

Reactie formulier


Demo: Geef stijl aan een ol lijst:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.