Un conseil, dans ta config locale rajoute (provisoirement) :
$conf['template_combine_files'] = false;
Ca permet de ne pas combiner les fichiers css et de voir plus facilement où ça cloche.
Là certaines de tes modifs ne sont pas lues...
Hors ligne
J'ai dégagé le fond et cela me convient.
Par contre, j'aimerais bien pouvoir recentrer les miniatures et diminuer les marges, notamment pour les titres qui ne sont plus centrés
Dernière modification par Loic80l (2011-07-05 19:21:07)
Hors ligne
Loic80l a écrit:
J'ai rajouté dans le css.
Ce n'est pas dans le css mais dans la config via Local Files Editor.
Pour le non centrage, tes boites font toujours 170x170... donc ça centre par rapport à 170.
Tes règles ne sont pas toutes prises en compte.
(il faut désactiver le combine pour voir pourquoi)
Sinon pour ta page, je trouve ça plutôt mieux sans le background sur les miniatures.
Faudrait juste réussir à centrer (ça, c'est facile).
Par contre tes miniatures en haut sont trop grandes, les coins dépassent des boites.
Dernière modification par Zaphod (2011-07-05 20:24:36)
Hors ligne
Zaphod a écrit:
Loic80l a écrit:
J'ai rajouté dans le css.
Pour le non centrage, tes boites font toujours 170x170... donc ça centre par rapport à 170.
Tes règles ne sont pas toutes prises en compte.
(il faut désactiver le combine pour voir pourquoi)
Sinon pour ta page, je trouve ça plutôt mieux sans le background sur les miniatures.
Faudrait juste réussir à centrer (ça, c'est facile).
Pour spécifier que je veux diminuer la taille des boites du bloc 2, j'insère quelque chose comme ça?
#stuffs_block_2 ul.thumbnailCategories li,
.thumbnailCategories li {
height:140px;
width:140px;
}
Hors ligne
Tu as déja réglé la hauteur plus haut dans ton rules.css avec une autre valeur.
#stuffs_block_2 ul.thumbnailCategories li { height: 110px; }
qui d'ailleurs convenait mieux que 140px.
Pour la largeur il te manque un "!important", sinon l'entrée du thème (qui a un "!important" aussi) a priorité.
(dans firebug, tu vois les lignes barrées qui ne s'appliquent pas, elles sont de priorité moindre que d'autres règles css)
Donc :
#stuffs_block_2 ul.thumbnailCategories li {width:120px!important;}
C'est un début.
Ensuite il te faut aussi régler la largeur de .illustration.
Donc un truc du genre :
#stuffs_block_2 .thumbnailCategory .illustration {width:120px;}
Ensuite il te faudra jouer sur les différentes largeurs pour avoir un centrage correct.
Dernière modification par Zaphod (2011-07-05 23:47:24)
Hors ligne
Merci, je n'ai pas vu d'effet sur la mise en page. Mes titres restent toujours décentrés... J'ai changé les largeurs mais rien n'y fait
Voici le code que j'ai finalement rajouté dans le CSS
#stuffs_block_2 .thumbnailCategory .illustration img { width:120px; } #stuffs_block_2 .thumbnailCategory .illustration { width:120px; height:80px; margin:3px 0 0; } #stuffs_block_2 ul.thumbnailCategories li { height: 110px; width:120px!important; } .thumbnailCategory .illustration a { height:80px; } .thumbnailCategory .illustration img { margin-left: 1px; }
Il doit encore y avoir quelque chose à modifier pour que les titres soient recentrés...
Dernière modification par Loic80l (2011-07-06 09:15:20)
Hors ligne
bonjour
c'est une petite question pour flop
dans le cas de Loic, n'aurait il pas plus d'intérêt à faire des class spécifiques pour ces vignettes dans son bloc perso ?
car j'ai fait quelques essais avec firebug et certain paramètre de marge affecte aussi les vignettes du dessus
donc c'est pas top pour faire les réglages
Cdlt
Patrick
Hors ligne
Oui, il y a aussi le "illustration a" qui a un width de 170px imposé par le thème.
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.
De la même façon, tu ne peux pas demander une largeur de 120px sachant que ta miniature fait 120px et qu'il y a un padding de 1 et un border de 1.
Il te faut au moins 124 pour les boites autour.
Hors ligne
patfrwar a écrit:
dans le cas de Loic, n'aurait il pas plus d'intérêt à faire des class spécifiques pour ces vignettes dans son bloc perso ?
Ca serait le mieux (d'autant qu'il n'a aucun besoin des table-cell et compagnie dans son cas.)
Il faut voir si c'est faisable avec pwg stuffs... je ne pense pas.
De mémoire il va chercher la mise en page de thumbnails.tpl, je ne sais pas si on peut lui donner un thumbnails.tpl spécifique.
patfrwar a écrit:
car j'ai fait quelques essais avec firebug et certain paramètre de marge affecte aussi les vignettes du dessus
Ca c'est totalement évitable en mettant systématiquement #stuffs_block_2 devant toute règle.
Dernière modification par Zaphod (2011-07-06 10:28:26)
Hors ligne
Zaphod a écrit:
Oui, il y a aussi le "illustration a" qui a un width de 170px imposé par le thème.
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.
De la même façon, tu ne peux pas demander une largeur de 120px sachant que ta miniature fait 120px et qu'il y a un padding de 1 et un border de 1.
Il te faut au moins 124 pour les boites autour.
Le changement de largeur dans "illustration a" n'a pas eu d'effet
Peux tu me dire ce que tu veux dire par
Zaphod a écrit:
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.
Hors ligne
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
Hors ligne
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 ZaphodA 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
#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; }
Dernière modification par Loic80l (2011-07-06 11:40:03)
Hors ligne