🌍
Français
#theImage #comment_special {
marche si:
<!-- BEGIN legend -->
<p id="comment_special">{legend.COMMENT_IMG}</p>
<!-- END legend -->
#theImage p.comment_special {
marche si:
<!-- BEGIN legend -->
<p class="comment_special">{legend.COMMENT_IMG}</p>
<!-- END legend -->
En principe.
8-)
Je remonte ce topic, parce que j'ai eu besoin de refaire la modif, et ça n'a pas fonctionné sur l'instant (mais j'ai trouvé).
En effet, il faut maintenant écrire :
#theImage p {
blabla
}Juste pour info =)
(et si je doublonne, fouettez-moi)
Yay, ça marche, merci ! (d'ailleurs juste margin : auto fonctionne)
Oui, Webdevelopper c'est extra, c'est ce que j'utilise... et si j'ai pensé à des margin-left définies, comme je l'indiquais plus haut, j'avais complètement oublié le margin : auto qui fait des miracles :D.
ah ca y'est :
enleve ce que j'ai dis avant ...
puis :
#theImage #comment_special {
border : 1px solid #000000;
color: #ffffff ;
background-color : #001c2a;
width : 800px ;
text-align:left;
margin: 0 auto;
}
c'est super le plugin webdevelopper sur fierefox (enfin, encore mieux depuis que j'ai decouvert qu'on pouvait editer et surtout appliquer les css des pages visitées)
j'viens de voir en direct que t'as testé et que ca marche pô ...
je cherche encore un peu ;)
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 ;)
#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...
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 ;)
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 ^^)
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.
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.
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-)
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)
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
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 ;)