Piwigo.org

scalp77 · 2011-10-21 16:13:48

Bonjour,

Ma question doit paraitre bête, mais est il possible de centrer l'image de la bannière dans le sens horizontale.
Car, selon le niveau de zoom ou la résolution du navigateur ou de l'écran, l'image reste toujours à gauche.
Alors que le texte du header de la galerie, lui reste toujours centré.

J'ai essayer de saisir 2 - 3 truc dans les cases proposées dans la config du plugin mais sans succès.
Faut dire que je n'y connais rien en langage (CSS, HTML ou autre), j'essaie mais je manque de temps...

J'utilise Piwigo 2.1.6 (très bientôt 2.3)
FAI : Free
Random Header v2.1.2
Thèmes : clear, dark, wipi

Merci d'avance
Cordialement

Dernière modification par scalp77 (2011-10-21 18:53:41)

websigns · 2012-03-03 13:50:18

Je ne sais pas comment Random Header affiche les images d'en-tête et ça peut poser problème.
Ce plugin pause beaucoup de problème d'ailleurs il semble.

En tout cas pour centrer horizontalement quelque chose le mieux est de passer par la règle de style "text-align:center;" que tu applique à l'objet qui contient ce que tu veux centrer.
Au besoin tu peux créer un objet container exprès pour.
Exemple :
<span style="width:100%;text-align:center;"><img src=" chemin/vers/ton/image.ext"></span>
Là "width" permet d'occuper toute la largeur disponible et "text-align" de centrer le contenu.

Si tu connais l'ID du container tu peux passer par l'ajout d'une règle dans la feuille de style via Localfiles Editor. Mais là ca devient plus délicat ;)
Donne nous plutôt l'adresse de ton site, j'y jetterais un coup d'oeil.

scalp77 · 2012-03-03 17:13:39

Merci pour ces infos.

J'avais tenté quelque chose du genre "text-align:center;" mais sans succès.
C'est directement dans le plugin que l'on indique le dossier ou se trouve les photos à afficher.
A moins de modifier le plugin dans "local file editor" (et la je suis trop nul pour le faire) je pense que l'on ne peut pas autrement.

Mais si vous voulez jetter un oeil :
http://scalp77.free.fr/photo/

Merci de votre interet.

Cordialement

websigns · 2012-03-05 21:53:51

Alors à priori c'est très simple :
il faut coller ce qui suit dans la feuille CSS de Localfiles Editor

#theHeader{background-position:50% 0%;}

à la place des % on peut utiliser "center top"

En effet le plugin semble composer une image à partir de plusieurs thumbnails et l'attribuer au fond de bloc d'en-tête #theHeader.
Heureusement on peut le positionner ou on veut

Y'a plus qu'à ;)

scalp77 · 2012-03-05 23:33:38

Bonsoir,

Merci pour cette estuce mais qui ne convient malheureusement pas dans mon cas.
Cette formule fonctionne uniquement si je lui fait placer l'image avant ou après le text mais pas en fond.
(en même temps je m'y attendais un peu, comme indiqué dans le plugin "#RandomImage : inactif en image de fond").
C'est pour cela que ça devient trop compliqué pour moi. Il faudrait pouvoir le modifier via local file editor je pense.
Mais bon, à terme je pense ma rabatre sur votre soluce.

PS: ce n'est pas le plugin qui composer une image à partir de plusieurs thumbnails, mais moi qui est créé un dossier avec plusieur patchwork pour donner cette impression.

Encore merci
Cordialement

repie38 · 2012-03-06 12:45:05

websigns a écrit:
Ce plugin pause beaucoup de problème d'ailleurs il semble.

ah bon ? lesquels ?

scalp, en mode image de fond :

Style CSS additionnel :
#theHeader :

Code:

background-position:center;

websigns · 2012-03-06 14:43:49

heu je ne comprends pas Scalp ...
As tu bien collé la ligne de code CSS que je t'ai indiqué dans la page CSS du plugin Localfiles editor ?
Parceque j'ai testé par un autre moyen mais identique dans le résultat et ça marche très bien.

@repie38
Ca ne me revient pas comme ça mais j'ai parcourus les derniers messages du forum et ce plugin est cité plusieurs fois lors de problèmes divers.
Du coup j'hésite franchement à l'installer pour tester ^^

scalp77 · 2012-03-06 18:45:04

Bonjour,

Merci à tous les deux !
Ça FONCTIONNE !!! -:)

websigns : Désolé, mais quand j'ai essayé hier soir, je sais pas ce que j'ai foutu, mais ça passait pas...
Je ne devais plus être très frais vu l'heure...

repie38 : désolé pour le dérangement, c'était si simple.

Il va vraiement falloir que je bosse le PHP et le CSS...

Sinon en ce qui concerne ce plugin, je l'utilise depuis sa sortie (rev 0.1) à l'époque sur phpwebgallery 1.7 et je n'ai jamais eu de problèmes avec ni conflits avec d'autres plugins.

Encore Merci à vous 2

Cdlt
Scalp

Piwigo.org

Annonce

#1 2011-10-21 16:13:48

[Résolu] Random Header : peut on centrer horizontalement l'image

#2 2012-03-03 13:50:18

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

#3 2012-03-03 17:13:39

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

#4 2012-03-05 21:53:51

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

#5 2012-03-05 23:33:38

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

#6 2012-03-06 12:45:05

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

websigns a écrit:

Code:

#7 2012-03-06 14:43:49

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

#8 2012-03-06 18:45:04

Re: [Résolu] Random Header : peut on centrer horizontalement l'image

Pied de page des forums