Modifier l'apparence des citations

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modifier l'apparence des citations

Message par Metronomia le Ven 28 Fév 2014 - 12:46

Bonjour à tous,

Et avant toute chose, merci pour l'aide que vous pourrez peut-être m'apporter.

Je souhaite en effet modifier l'apparence des citations sur mon forum.
Or, malgré plusieurs tentatives pour modifier la feuille de style concernée, c'est un échec.
Je voudrais en effet ajouter des pointillés autour de l'encart des citations (comme sur ce forum), et aussi, si possible, agrandir un peu l'espace en dessous des citations.
Pour le premier point (ajouter des pointillés), j'ai tenté d'ajouter le code suivant à ma feuille de style, sans succès:
border: dotted;
Concernant le second point, je croyais qu'il fallait simplement agrandir la valeur sur cette ligne, mais ça ne fonctionne pas non plus:
border-bottom-width: 1px}

Voici le code de citation tel qu'il est actuellement:

Code citation:
.quote{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
  font-weight: bold;
line-height: 125%;
background-color: #fafafa;
border: #eeeeee;
  border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}

Quelqu'un peut-il m'éclairer?

Merci à tous!


Dernière édition par Metronomia le Sam 1 Mar 2014 - 15:52, édité 1 fois

Metronomia
Nouveau membre

Messages : 18
Inscrit(e) le : 28/02/2014

http://reflexions.lebonforum.com/
Metronomia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'apparence des citations

Message par MlleAlys le Ven 28 Fév 2014 - 13:35

Bonjour,
essayez de remplacer votre code par celui là :
Code:
dd.quote {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444444;
    font-weight: bold;
    line-height: 125%;
    background-color: #fafafa;
    border: 1px dotted grey;  /*bordure*/
    padding: 5px;  /*marge entre le texte à l intérieur et la bordure*/
    margin-bottom: 15px;  /*marge sous la citation*/
}

Vérifiez que votre code n'apparait pas deux fois dans votre feuille de style : si c'est le cas, supprimez le ^^

Vous avez peut être également un code de ce style dans votre feuille css :
Code:
.codebox dd {
    background-color: #fafafa;
    border: solid 1px #eee;
    margin: 0;
}
Si c'est le cas, vous pouvez le supprimer également ^^

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'apparence des citations

Message par Metronomia le Ven 28 Fév 2014 - 13:50

Je vous remercie vivement pour votre réponse!  Very Happy 

J'ai copié le code que vous m'avez donné et, effectivement, j'ai l'impression que l'espace sous la citation a bien été agrandi. Merci beaucoup!

En revanche, rien à faire du côté les pointillés, ça ne fonctionne pas.
J'ai pourtant bien vérifié que mon code n'apparaissait pas deux fois (donc pas de conflit), et je n'ai pas non plus trouvé trace d'un code "codebox.dd" à supprimer.

Quoiqu'il en soit, c'est déjà mieux comme ça.
Si vous avez d'autres idées pour les pointillés, je suis preneuse.
Dans le cas contraire, je ferai avec la présentation actuelle qui n'est pas si horrible.

Bien à vous.

EDIT : J'ai finalement trouvé la solution grâce à vous. Il y avait bien une ligne "codebox.dd" dans le css de base (je ne devais pas être bien réveillée et l'ai raté lors de ma première lecture). C'est sur ce code que j'ai pu agir en y glissant la ligne que vous m'aviez indiquée plus haut (border: 1px dotted grey;). Merci pour tout.

Mon sujet est donc résolu.  Wink 

Metronomia
Nouveau membre

Messages : 18
Inscrit(e) le : 28/02/2014

http://reflexions.lebonforum.com/
Metronomia a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum