🌍
Français
Piwigo.org
Annonce
- [2024-12-20] Piwigo 15.3.0: identique à la 15.2.0 mais compatible avec PHP7
- [2024-12-19] Piwigo 15.2.0 : meilleure activation utilisateur et autres corrections
- [2024-11-11] Piwigo 15.1.0 : petites correction et infos sur les nouveautés
- [2024-10-22] Piwigo 15
- [2024-09-25] Piwigo 15.0.0RC1, on est proche du but
#1 2019-10-11 17:39:23
- Philindy26
- Membre
- Drôme (26)
- 2013-02-01
- 128
[Résolu] PWG Stuffs Bloc d'images
Bonjour/Bonsoir,
Bonjour,
Sur la page accueil, j'ai rajouté un bloc "Images au hasard" avec le plugin PWG Stuffs.
Le nombre de photos est de 6 avec un positionnement à gauche du bloc...
Je voudrais quelles apparaissent au centre du bloc.
Voici ce que j'ai essayé en CSS, après avoir inspecter le bloc sous firefox :
#thumbnails
ou .thumbnails
ou .thumbnails.stuffs_block_2
ou .thumbnails.stuffs_block_2 li
ou .content middle_block
ou .content stuffs_block stuffs
ou .stuffs_block_2
{
float: center !important;
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
text-align: center !important;
}
Mais cela ne fonctionne pas...
Je n'arrive pas à trouver le vrai nom du bloc
Est-ce que quelqu'un pourrait m'aider ?
Merci d'avance
Philindy26
https://photos-dromoises.fr/albumpiwigo/
Piwigo 2.10.0
PHP: 7.2.22 (Montrer les informations) [2019-10-11 17:36:19]
MySQL: 5.5.5-10.2.27-MariaDB [2019-10-11 17:36:19]
Bibliothèque graphique: External ImageMagick 6.7.2-7
Dernière modification par Philindy26 (2019-10-11 19:54:22)
Hors ligne
#2 2019-10-18 17:31:51
- Philindy26
- Membre
- Drôme (26)
- 2013-02-01
- 128
Re: [Résolu] PWG Stuffs Bloc d'images
Bonjour, bonsoir,
Quelqu’un aurait-il une idée ?
Cela viendrait peut-être du thème... J'utilise Modus.
Merci d'avance
Cordialement,
Philindy26
Hors ligne
#3 2019-10-19 08:55:38
- ddtddt
- Équipe Piwigo
- Quetigny (21) - France
- 2007-07-27
- 16975
Re: [Résolu] PWG Stuffs Bloc d'images
Bonjour,
Je dirais qu'il faut que tu centre le ul dans le bloc stuffs_block_2
je n'ai pas testé mais un truc du genre
div#stuffs_block_2 ul {margin: 0 auto;}
et mettre un largeur sur div#stuffs_block_2 à 100% voir aussi le conteneur supérieur
Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.
Hors ligne
#4 2019-10-19 11:26:17
- Philindy26
- Membre
- Drôme (26)
- 2013-02-01
- 128
Re: [Résolu] PWG Stuffs Bloc d'images
Bonjour,
Merci beaucoup pour ta réponse.
Mais cela ne fonctionne pas...
Voici ce que j'ai mis :
div#stuffs_block_2 ul {
margin: 0 auto !important; }
div#stuffs_block_2 {
max-width: 100% !important; }
même en mettant au début un # ou .
Cordialement
Philindy26
Hors ligne
#5 2019-10-19 12:26:39
- ddtddt
- Équipe Piwigo
- Quetigny (21) - France
- 2007-07-27
- 16975
Re: [Résolu] PWG Stuffs Bloc d'images
et en remplaçant
margin par padding
dans la première balise
Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.
Hors ligne
#6 2019-10-19 12:31:31
- ddtddt
- Équipe Piwigo
- Quetigny (21) - France
- 2007-07-27
- 16975
Re: [Résolu] PWG Stuffs Bloc d'images
Philindy26 a écrit:
div#stuffs_block_2 {
max-width: 100% !important; }
et sans le max ?
Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.
Hors ligne
#7 2019-10-19 19:59:33
- Philindy26
- Membre
- Drôme (26)
- 2013-02-01
- 128
Re: [Résolu] PWG Stuffs Bloc d'images
Bonsoir,
Cela ne fonctionne pas.
Ni avec padding et en enlevant le max.
Cordialement,
Philindy26
Hors ligne
#8 2019-11-11 20:10:34
- Philindy26
- Membre
- Drôme (26)
- 2013-02-01
- 128
Re: [Résolu] PWG Stuffs Bloc d'images
Bonsoir,
Personne à une idée ...
Merci d'avance
Philindy26
Hors ligne
#9 2019-11-11 20:48:36
- dreamer
- Membre
- St Cyr/mer (83)
- 2006-02-26
- 1114
Re: [Résolu] PWG Stuffs Bloc d'images
Salut
Petit truc en passant : ton image en header est trop large, ce qui oblige à faire un scroll horizontal ....
Le problème, c'est que tout est centré quand tu as des images horizontal et ça bugue quand il y a une verticale..
En ligne
#10 2019-11-12 12:37:20
- Philindy26
- Membre
- Drôme (26)
- 2013-02-01
- 128
Re: [Résolu] PWG Stuffs Bloc d'images
Bonjour,
Merci dreamer pour la réponse.
Je vais regarder l'image en header.
Cordialement,
Philindy26
Hors ligne
#11 2019-11-12 14:46:38
- Philindy26
- Membre
- Drôme (26)
- 2013-02-01
- 128
Re: [Résolu] PWG Stuffs Bloc d'images
Re Bonjour dreamer,
J'ai désactivé le header et cela n'a pas d'effet sur le centrage du bloc "Images au hasard".
J'ai tout désactivé et le bloc n'est toujours pas centré horizontalement... par rapport au bloc "Accueil"
Voir mon site de test : https://photos-dromoises.fr/piwigotest/
Cordialement,
Philindy
Dernière modification par Philindy26 (2019-11-12 14:49:30)
Hors ligne
#12 2019-11-12 15:12:57
- dreamer
- Membre
- St Cyr/mer (83)
- 2006-02-26
- 1114
Re: [Résolu] PWG Stuffs Bloc d'images
Re
Tu n'arriveras pas à centrer ton bloc car cela se fait par rapport aux images ..
N°1 : tes images sont de même largeur (aucun problème, c'est centré
N°2: Une image est plus large que les autres (ça déborde !!)
N°3 : tu as 2 images verticales donc tu ne remplis pas le bloc !!
En ligne
#13 2019-11-12 18:21:44
- Philindy26
- Membre
- Drôme (26)
- 2013-02-01
- 128
Re: [Résolu] PWG Stuffs Bloc d'images
Bonsoir dreamer,
Merci beaucoup pour cette réponse.
Je viens de comprendre...
Du coup, le bloc restera en l'état.
Je passe cette discussion en résolue.
Cordialement,
Philindy
Hors ligne