Bord de citation non modifiable

2 participants

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

Résolu Bord de citation non modifiable

Message par Snow White Sam 14 Juin 2014 - 11:36

Bonjour à tous!

Alors voilà, comme vous pouvez le voir dans ce sujet au niveau de la citation http://game-of-madness.forums-actifs.com/t349-test#2539, il n'y a pas de bordures alors que j'en ai dans mon code.

Mon css:

Code:
.quote
{
  color : #e9e0d9;
  border-top : 1px dotted #8CA36B;
  padding : 5px;
  background-image: url(http://image.noelshack.com/fichiers/2014/24/1402758245-test.png);
  width: 540px;
  background-repeat: repeat;
  background-color: #3f3e3d;  
  padding : 5px;
    }

Aussi quelqu'un saurait me dire comment modifier la graisse du titre des citations et des codes (là ou il y a marqué code ou citation, je voudrais que ça ne soit plus en gras et changer la couleur de façon à ce que ça fasse la même chose que le spoiler.
Merci d'avance!


Dernière édition par Snow White le Dim 15 Juin 2014 - 9:05, édité 1 fois
Snow White

Snow White
***

Messages : 120
Inscrit(e) le : 25/09/2012

http://testotherlands.forumactif.com/
Snow White a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bord de citation non modifiable

Message par Ea Sam 14 Juin 2014 - 22:55

Bonjour,


Sur google chrome dans les outils de développements web, on voit tous les codes CSS qui s'appliquent à un élément et si un autre code les contrecarre ( ils seront barrés ) ou pas.

Pour la bordure : on peut le voir sur ce screenshot, il y a un code prioritaire.

Il y a un article ici sur les priorité CSS, en résumé ce qui a !important a le plus de priorité, ensuite ça dépend du sélecteur ( si il y a des #identifants, .classes, ... ) puis à priorité égale ça dépend de la position, le dernier code qui spécifie quelque chose sera pris en compte.

Donc si je mets dans la feuille CSS ceci, cela devrait fonctionner :

Code:
dd.quote {
  border-color:red;
}

Pour ce qui est du "Citation" avec les outils on peut voir la structure html : https://i.imgur.com/K4CEsIr.png

Grâce à cela on peut construire un sélecteur CSS "dl.codebox span.genmed b" qui fonctionne pour les spoiler et les codes. Et on pourra donc ajouter un code CSS pour changer leur style :

Code:
dl.codebox span.genmed b {
  color: #8CA36B;
  font-weight: normal;
}

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Bord de citation non modifiable

Message par Snow White Dim 15 Juin 2014 - 9:04

Oh! Merci beaucoup pour ces informations, notamment en ce qui concerne les priorités CSS, je n'en savais rien mais ça va bien m'aider!
Le problème est résolu et encore une fois, merci!
Snow White

Snow White
***

Messages : 120
Inscrit(e) le : 25/09/2012

http://testotherlands.forumactif.com/
Snow White a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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