Citations

jayjay Member
dans Entraide
Salut à tous,

Je débute avec Pluxml et j'ai des soucis pour mettre en page des citations ou du code.

Par exemple <blockquote> casse la mise en page du texte.

<pre><code> garde la mise en page mais ne fait pas de boite avec un fond gris (comme sur un forum).

Comment faire pour avoir de belles citations, quelles sont les bonnes balises ?

Merci d'avance

Réponses

  • ti_pierreti_pierre Member
    Bonjour @Jay,

    Simplement parce-que cela n'a pas été déclaré dans la feuille de CSS.

    Il faut définir un style à chaque élément, par exemple : 
    pre{
background: #FFF;           /* couleur de fond */
border: 1px solid #000;   /* couleur de la bordure du bloc */
color: #000;                     /*couleur du texte dans le bloc */
}
    Pour personnaliser la balise code, blockquote ou pre, reprendre ce morceau de code et l'ajouter dans la feuille de CSS ( tout en bas ), le dupliquer en sélectionnant un autre élément si besoin, exemple : 
    /*On définit le style pour pre */

pre{
background: #FFF;           /* couleur de fond */
border: 1px solid #000;   /* couleur de la bordure du bloc */
color: #000;                     /*couleur du texte dans le bloc */
}

/*On définit le style pour code */

code{
background: #FFF;           /* couleur de fond */
border: 1px solid #000;   /* couleur de la bordure du bloc */
color: #000;                     /*couleur du texte dans le bloc */
}

/*On définit le style pour blockquote */

blockquote{
background: #FFF;           /* couleur de fond */
border: 1px solid #000;   /* couleur de la bordure du bloc */
color: #000;                     /*couleur du texte dans le bloc */
}
    Tu arrive à voir le principe ? :)

    Si tu ne comprend pas un mot de ce qu'il y a ci-dessus, cela se comprend tout à fait, nous verrons à t'ajouter ce dont tu as besoin dans ta feuille de style ;)

    A bientôt.
  • jayjay Member
    décembre 2010 modifié
    J'ai compris le principe. :)

    Quel est le chemin d'accès à la feuille CSS ?

    EDIT: c'est dans core/plxtoolbar ou dans theme/defaut ?
Connectez-vous ou Inscrivez-vous pour répondre.