Annonce

Écrire une réponse

Veuillez écrire votre message et l'envoyer

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

Zaphod
2011-07-07 22:19:23

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.

Loic80l
2011-07-07 19:59:58

En fait, non ça ne fonctionne pas forcement et d'ailleurs je ne sais pas si je dois écrire par exemple:

Code:

#subcontent #stuffs_block_2 .thumbnailCategory .description h3 {
    font-size: 80%!important;
    line-height: 12px!important;
}

ou

Code:

#stuffs_block_2 .thumbnailCategory .description h3 {
    font-size: 80%!important;
    line-height: 12px!important;
}

ou

Code:

 .thumbnailCategory .description h3 {
    font-size: 80%!important;
    line-height: 12px!important;
}

à chaque fois, cela ne fonctionne pas! :o(

Loic80l
2011-07-07 12:25:48

en fait oui... c'est que la mise en page sur Firefox et Safari n'est pas la même

Zaphod
2011-07-07 12:03:16

Pourtant ça semble marcher...

Loic80l
2011-07-07 11:48:30

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:

Code:

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?

Loic80l
2011-07-07 00:06:19

voila! ça fonctionne... j'ai néanmoins beaucoup appris mais j'ai aussi appris que j'y connais rien et que je suis loin du compte!
Merci à tous pour votre patience et votre aide!

Zaphod
2011-07-06 23:55:21

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 :

Code:

 #subcontent #stuffs_block_2 {padding: 10px 0;}

Pas besoin du !important dans ce cas.

patfrwar
2011-07-06 23:33:37

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

Loic80l
2011-07-06 23:14:23

Cela ne fonctionne pas...
C'est vraiment pas simple!

Zaphod
2011-07-06 21:16:12

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 :

Code:

 #subcontent .stuffs_block .middle_block

Et tu crées une règle :

Code:

#stuffs_block_2 .middle_block

Ta règle est donc logiquement ignorée.
Il faut mettre par exemple :

Code:

 #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)

Loic80l
2011-07-06 20:13:06

J'ai bien vu et j'ai modifié sur le firebug. ça fonctionne bien

Code:

#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

Zaphod
2011-07-06 19:24:51

Il faut chercher avec firebug... avec l'onglet apparence qui donne les marges, et en passant sa souris sur le code, les boites sont visualisées en live.

Loic80l
2011-07-06 19:13:22

Pas d'idée pour diminuer les marges? j'ai l'impression qu'il s'agit des marges du bloc et non des boites de catégories.

Loic80l
2011-07-06 11:36:22

flop25 a écrit:

oui le souci majeur c'est le code généré par pwg stuff qui est juste immonde
on a une succession de ul juste pour un li chacun ... Loic c'est quoi le code dans le bloc ? c'est un bloc perso ?
Sinon avec #stuffs_block_2 il ne devrait pas y avoir de problème comme l'a dit Zaphod

A chaque fois qu'un élément dont tu fixes la dimension ne la prend pas, il faut regarder si cela ne vient pas des boites incluses dans la boite en question.

ce que veux dire Zaphod, c'est qu'il y a tellement d'empilement ul li a div div etc qu'il suffit qu'un seul ait une dimensions trop grande pour que le reste suive

Il doit donc y avoir de la factorisation à faire, voir meme des lignes à enlever.

J'ai juste rassemblé deux lignes et miracle! les titres sont maintenant bien centrés!
Il ne me reste plus qu'à diminuer la marge à gauche

Code:

#stuffs_block_2 .thumbnailCategory .illustration img {
  width:120px;
  margin-left: 1px;
}

#stuffs_block_2 .thumbnailCategory .illustration {
  width:124px;
  height:80px;
  margin:3px 0 0;
}

#stuffs_block_2 ul.thumbnailCategories li {
  height: 110px;
  width:124px!important;
}

#stuffs_block_2 .thumbnailCategory .illustration a {
  height:80px;
  width:124px;!important;
}
flop25
2011-07-06 11:30:22

oui le souci majeur c'est le code généré par pwg stuff qui est juste immonde
on a une succession de ul juste pour un li chacun ... Loic c'est quoi le code dans le bloc ? c'est un bloc perso ?
Sinon avec #stuffs_block_2 il ne devrait pas y avoir de problème comme l'a dit Zaphod

A chaque fois qu'un élément dont tu fixes la dimension ne la prend pas, il faut regarder si cela ne vient pas des boites incluses dans la boite en question.

ce que veux dire Zaphod, c'est qu'il y a tellement d'empilement ul li a div div etc qu'il suffit qu'un seul ait une dimensions trop grande pour que le reste suive

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2022 · Contact