Thème 5.1.7 : pas de style pour la balise BLOCKQUOTE

antistressantistress Member
mai 2014 modifié dans Bogues
Bonjour,

J'utilise la dernière version de Pluxml avec une version légèrement modifiée du thème 5.1.7

Ça fait un moment que je me dis que je devrais le signaler : il n'y a pas de style pour la balise BLOCKQUOTE (il y en a pour la balise q)
J'ai voulu introduire un style ajoutant un retrait et un trait plein sur le côté gauche mais je me suis retrouvé avec un trait à gauche des phrases sur toute la page ! *


Merci !

* (je n'y connais pas grand chose en css)
j'avais ajouté pour blockquote (piqué ici http://css-tricks.com/examples/Blockquotes/ ) :
margin-left: 50px;
padding-left: 15px;
border-left: 3px solid #ccc;

Réponses

  • JosJos Member
    Bonjour,

    Tu peu par exemple rajouter çà dans ton css :
    [== CSS ==]
blockquote {
	font-style: italic;
	margin-left: 30px;
}
  • antistressantistress Member
    merci mais ça ne règle pas mon pb, qui est que si je fais ça la totalité du billet (avant et après mes balises blocquote) adopte ce style...
  • antistressantistress Member
    juin 2014 modifié
    ce que je fais c'est transformer dans mon fichier css :
    hr,
blockquote,
input,

    en :
    hr,
blockquote {
	font-style: italic;
	margin-left: 30px;
}

input,
  • antistressantistress Member
    juin 2014 modifié
    ha, c'est pas parce que je suis dans
    /*
    GENERAL STYLES
    */

    et que je devrais plutôt l'ajouter dans
    /*
    ARTICLE / STATIC
    */
    ?

    Là les truc sont nommés par exemple "article h1" au lieu de "h1"...
  • JosJos Member
    Tu peu le mettre ou tu veux, peu importe.

    /*
    ARTICLE / STATIC
    */ est juste un commentaire et n'a aucune incidence sur l'affichage.
  • antistressantistress Member
    donc j'ai bien ce pb, à savoir que si je remplis le style blockquote de mon fichier css, il l'applique partout : avant, pendant, après la balise blockquote
  • JosJos Member
    Tu peux essayer çà :
    [== Indéfini ==]
#comments blockquote {
	font-style: italic;
	margin-left: 30px;
}
Connectez-vous ou Inscrivez-vous pour répondre.