Block quotes

Date du document en anglais : 31 Mai 2007 00:22 http://drupal.org/node/148153


Si vous voulez afficher plusieurs paragraphes de citations avec des caractères guillemets de citation (anglais) plutôt que des images, vous pourriez utiliser ce qui suit : 

blockquote p::before {
  content: open-quote;
}

blockquote p::after {
  content: close-quote;
  visibility: hidden;
}

blockquote p:last-child::after {
  visibility: visible;
}

Bien sûr, vous pouvez indenter le texte comme il se doit.

Le balisage est simple :

<blockquote>
  <p>paragraph one</p>
  <p>paragraph two</p>
  <p>paragraph three</p>
  <p>paragraph four</p>
</blockquote>

Uniquement testé sur Firefox.

Commentaires

Poster un nouveau commentaire

Le contenu de ce champ sera maintenu privé et ne sera pas affiché publiquement.
  • Les adresses de pages web et de messagerie électronique sont transformées en liens automatiquement.
  • Tags HTML autorisés : <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <css>, <php>, <html>, <ccss>, <ccss>, <drupal5>, <drupal6>, <html>, <javascript>, <php>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • You may use [view:viewname] tags to display listings of nodes.

Plus d'informations sur les options de formatage

CAPTCHA
Cette question permet d'éviter le spam :
1 + 0 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.