🌍
Français
J'ai bien vu et j'ai modifié sur le firebug. ça fonctionne bien
#subcontent .stuffs_block .middle_block {
-moz-border-radius: 5px 5px 5px 5px;
padding: 5px;
}Par contre quand j'ajoute dans le css pour faire le changement, cela ne prend pas en compte
Hors ligne
C'est normal, dans un cas tu modifies une règle existante.
Dans l'autre, tu rajoutes une règle qui ne sera pas prioritaire.
Les principes sont toujours les mêmes :
- si une règle a un "!important" elle a priorité
- la règle la plus détaillée a priorité
- en cas d'égalité, c'est en fonction du fichier, et le stripped-rules.css sera prioritaire.
Dans ton cas, tu as dans theme.css une règle :
#subcontent .stuffs_block .middle_block
Et tu crées une règle :
#stuffs_block_2 .middle_block
Ta règle est donc logiquement ignorée.
Il faut mettre par exemple :
#subcontent #stuffs_block2 .middle_block
Avec un truc du style : padding: 10px 0px.
Il faut voir aussi que quand tu modifies le padding dans firebug, les autres blocs sont aussi impactés, et donc la largeur totale de ton bloc #stuffs_block_2 est différente.
(donc l'effet du padding est différent)
Hors ligne
alors avec firebug
voici le nom du fichier qu'il me donne :
http://www.capture-the-world.com/plugin … css?v2.2.3
à la ligne 34 de ce fichier
tu vas trouver :
.personal_block {
padding: 15px;
}
remplace par :
.personal_block {
padding: 0px;
}
et la ca supprime la marge de tes vignettes de droite
mais aussi le titre de ton album ( pas catastrophique)
cordialement
Hors ligne
Loic80l a écrit:
Cela ne fonctionne pas...
C'est vraiment pas simple!
CA répond à une certaine logique.
Par contre je t'ai raconté des bétises, tu ne peux pas mettre
#stuffs_block_2 .middle_block
car les deux sont définis au même niveau.
Alors que cette syntaxe sous entend que .middle_block est descendant de #stuffs_block_2
(accesoirement il manquait un '_' avant le 2)
Donc essaie :
#subcontent #stuffs_block_2 {padding: 10px 0;}Pas besoin du !important dans ce cas.
Hors ligne
J'aimerais vraiment pouvoir être indépendant et arrêter de vous embêter. Je vois que simplement mettre des lignes de code comme cela fonctionnerait sur Firebug n'est pas suffisant quand on ajoute dans le css.
Par exemple, je voulais diminuer la taille de la police de 1 donc:
body {
font-size:12px!important;
}que j'ai ajouté dans le CSS.
Dans firebug, cela fonctionne parfaitement
Dans le CSS, cela ne fonctionne pas
Comment faut-il faire pour que cela fonctionne et que je n'ai plus à vous embêter?
Hors ligne
En fait, non ça ne fonctionne pas forcement et d'ailleurs je ne sais pas si je dois écrire par exemple:
#subcontent #stuffs_block_2 .thumbnailCategory .description h3 {
font-size: 80%!important;
line-height: 12px!important;
}ou
#stuffs_block_2 .thumbnailCategory .description h3 {
font-size: 80%!important;
line-height: 12px!important;
}ou
.thumbnailCategory .description h3 {
font-size: 80%!important;
line-height: 12px!important;
}à chaque fois, cela ne fonctionne pas! :o(
Hors ligne
Tu avais agi sur la taille de police de "body", ce qui fonctionne, et toutes les polices sont données en pourcentage par rapport à celle de body.
Le code que tu dois rentrer dépend de ce que tu veux faire... et je n'ai pas compris ce que c'était.
Là tu as enlever le css sur body donc c'est repassé à 13px.
Dernière modification par Zaphod (2011-07-07 22:20:31)
Hors ligne