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.
Hors ligne
si c'est bien la phrase descriptive :
dans picture.tpl cherche :
<!-- BEGIN legend --> <p>{legend.COMMENT_IMG}</p> <!-- END legend -->
et remplace par
<!-- BEGIN legend --> <p id="comment_special">{legend.COMMENT_IMG}</p> <!-- END legend -->
puis dans picture.css ajoute
#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 ;)
Hors ligne
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
Hors ligne
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)
Hors ligne
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-)
Hors ligne
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)
Hors ligne
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 ^^)
Hors ligne
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 ;)
Hors ligne
#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...
Hors ligne
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)
Hors ligne