Piwigo.org

yvan · 2006-10-29 19:55:15

Hello,

Je voudrais pouvoir changer le format de la description qui se trouve sous un image. Par défaut elle est centrée et j'aimerai :
- l'aligner sur la gauche, et,
- l'intégrer dans un petit cadre aux contours blancs, et enfin,
- que ce cadre ne dépasse pas 800pix de largeur.

Comme disent certain, c'est en forgeant que l'on devient forgerons...

Y.

XEUL · 2006-10-29 20:31:58

tiens une phrase que je connais. :D

yvan · 2006-10-29 21:12:46

:)

repie38 · 2006-10-29 22:48:17

tu veux changer la phrase de la description ou le tableau avec auteur, dimension ,tag ,categories etc ... ?

repie38 · 2006-10-29 22:58:55

si c'est bien la phrase descriptive :
dans picture.tpl cherche :

Code:

<!-- BEGIN legend -->
<p>{legend.COMMENT_IMG}</p>
<!-- END legend -->

et remplace par

Code:

<!-- BEGIN legend -->
<p id="comment_special">{legend.COMMENT_IMG}</p>
<!-- END legend -->

puis dans picture.css ajoute

Code:

#theImage #comment_special { border : 1px solid #ffffff; text-align : left; width : 800px ;}

par contre, le text est aligné a gauche dans le cadre, mais le cadre est centré sous la photo.
dis moi si tu veut carrément mettre la cadre a gauche ;)

VDigital · 2006-10-30 06:37:41

Dans la mesure du possible on évitera de définir des id= et des class=
quand on peut s'en passer.

Dans le cas présent, repié38 a tout bon, je ne cherche pas mais on aurait sans doute pu faire sans.
Toujours est-il que je préfère des class à un id inutile.
donc:

<p class="comment_special">
et
#theImage .comment_special

repie38 · 2006-10-30 18:39:23

j'aurai meme preféré modifier (créer en fait)
#theImage P {...}
mais cela englobe en plus de la description, le pwg_high, et les métadonnées.
tout depand de ce que souhaite yvan.

VDigital a écrit:
Toujours est-il que je préfère des class à un id inutile.

mais pourquoi une classe si ce n'est utilisé qu'une fois ?
(hormis le fait que cela permette de l'adapter aà d'autre éléments)

Dernière modification par repié38 (2006-10-30 18:40:17)

VDigital · 2006-10-30 19:10:46

repié38 a écrit:
j'aurai meme preféré modifier (créer en fait)
#theImage P {...}
mais cela englobe en plus de la description, le pwg_high, et les métadonnées.
tout depand de ce que souhaite yvan.

VDigital a écrit:
Toujours est-il que je préfère des class à un id inutile.
mais pourquoi une classe si ce n'est utilisé qu'une fois ?
(hormis le fait que cela permette de l'adapter aà d'autre éléments)

C'est vrai que cela n'est utilisé qu'une seule fois, mais en principe les navigateurs devraient s'assurer que c'est vrai, donc plus de code à dérouler.
La class= est en général préférable à id=, et en théorie une balise sans class= est encore préférable.
Cependant, sur ce dernier point, je préfère comme tu l'as fait une class= facile à retrouver
plutôt qu'une directive compliquée et impossible à comprendre par 98% des webmasters du type (Child selectors):
#theImage > P {...}

8-)

yvan · 2006-10-30 21:05:21

Bon, j'ai rien compris au class et autre id, mais je vais suivre vos post :)
Pas beaucoup de temps en semaine, mais ça devrait aller...

Y.

yvan · 2006-11-01 12:21:08

Je viens de mettre la premier version de Repié, c'est bien ce que je voulais mais le cadre n'est pas centré sous l'image mais à gauche.
Bon, je creusen mais je vais peut-être revoir le bloc qui est sous l'image, bref à voir.

Y.

EDIT : Centré sous IE mais pas sous FF2.

Dernière modification par yvan (2006-11-01 12:22:29)

AkaiKen · 2007-11-13 22:14:39

Je n'ignore que ce post a un an (et surtout qu'il concerne la version 1.6), mais je n'ai pas réussi à trouver l'information autre part... J'ai suivi les instructions de Repié, et cela fonctionne bien, j'ai pu mettre en page mes descriptions, mais j'ai le même problème qu'Yvan : le bloc de description est centré sur IE7 et collé à gauche sous FF2. Comment puis-je y remédier ? J'ai pensé à un margin-left dans le CSS, mais comme ce dernier est élastique, cela ne centrerait que de façon illusoire, sur une seule résolution. Le padding-left, idem.
Quelqu'un aurait une idée ?
Merci d'avance.

(s'il faut que je recrée un topic avec un tag 1.7 pour plus de clarté, je le fais sur l'instant ^^)

repie38 · 2007-11-13 23:21:34

essaye de rajouter #TheImage {text-align:left;}

(attention a la casse, me souviens plus exactement)

ca devrait resoudre le probleme sous ie, mais c'est pas dit que ca n'influence pas sur d'autre elements, mais a priori, en regardant vite fait ca devrait etre bon ;)

AkaiKen · 2007-11-14 09:57:34

#TheImage, c'est-à-dire pas comme ta proposition plus haut ? (où il y avait #theImage)
Sinon, c'est le cadre et non le texte que je cherche à aligner (et donc centrer ^^ : j'avais peut-être mal précisé, je voudrais que le cadre soit centré sous l'image, tout en conteant un texte aligné à gauche)

Bon, c'est fait, et #TheImage n'est pas reconnu...

repie38 · 2007-11-14 10:49:13

ok, j'avais compris l'inverse.
pour tester ce serait donc #theImage {text-align:center;}
(puisque le cadre de la description est a l'interieur de cette div)

ps : et oui, c'est bien #theImage, me rappelais plus de la casse ;)

Dernière modification par repié38 (2007-11-14 10:49:55)

repie38 · 2007-11-14 10:59:47

j'viens de voir en direct que t'as testé et que ca marche pô ...

je cherche encore un peu ;)

Piwigo.org

Annonce

#1 2006-10-29 19:55:15

[1.6.1] Format de la description d'une image

#2 2006-10-29 20:31:58

Re: [1.6.1] Format de la description d'une image

#3 2006-10-29 21:12:46

Re: [1.6.1] Format de la description d'une image

#4 2006-10-29 22:48:17

Re: [1.6.1] Format de la description d'une image

#5 2006-10-29 22:58:55

Re: [1.6.1] Format de la description d'une image

Code:

Code:

Code:

#6 2006-10-30 06:37:41

Re: [1.6.1] Format de la description d'une image

#7 2006-10-30 18:39:23

Re: [1.6.1] Format de la description d'une image

VDigital a écrit:

#8 2006-10-30 19:10:46

Re: [1.6.1] Format de la description d'une image

repié38 a écrit:

VDigital a écrit:

#9 2006-10-30 21:05:21

Re: [1.6.1] Format de la description d'une image

#10 2006-11-01 12:21:08

Re: [1.6.1] Format de la description d'une image

#11 2007-11-13 22:14:39

Re: [1.6.1] Format de la description d'une image

#12 2007-11-13 23:21:34

Re: [1.6.1] Format de la description d'une image

#13 2007-11-14 09:57:34

Re: [1.6.1] Format de la description d'une image

#14 2007-11-14 10:49:13

Re: [1.6.1] Format de la description d'une image

#15 2007-11-14 10:59:47

Re: [1.6.1] Format de la description d'une image

Pied de page des forums