Pour avoir le cadre autour de Edito et que celui-ci soit placé à droite du menu, il faut :
Voir le WIKI
- dans content.css
#content, #edito { margin-right: 1em; margin-bottom: 1em; /* when it's longer than menu bar */ } + à la fin rajouter .Edito { text-align: left; padding: 5px; }
- dans index.tpl
<div id="edito"> <div> <h2>Edito</h2> <p class="Edito">Mettez ici ce que vous voudrez ou remplacez par {PAGE_BANNER} si vous voulez que ce qui apparait dans le header apparaisse dans l'edito</p> </div> </div>
Mais en plus...
- dans theme.css
/* borders */ #menubar DL, #content, #imageToolBar, #edito, #comments DIV.comment BLOCKQUOTE { border: 1px solid #d3d3d3; } /* fond */ #content, #edito, #imageToolBar { background-color: #404040; /* #eeeeee */ }
- dans default-layout.css
#content, #edito { margin-left: 20em; /* = #menubar width + 2em */ }
Chez moi cela fonctionne.
A+
Après avoir rajouté #edito à la suite de #content, au début de local-layout.css, c'est mieux (nickel pour la marge) mais maintenant j'ai perdu le cadre de l'édito...
Ca y est c'est réglé : en tripatouillant dans theme.css pour la bordure et le background et hop...
Résultat :Validation W3C
Merci à toi Chrisaga pour la piste...
Je ne l'ai pas testée, mais normalement, la marge de gauche est positionnée dans content.css ...
A moins que ...
Il faut peut être regarder dans un common-template/default-layout.css (et donc à rajouter dans common-template/local-layout.css)
Je jeterai un oeil quand je pourrais, a moins que quelqu'un ne le fasse avant ...
<;o)
Merci pour la correction, effectivement la page n'était pas valide (w3c). Par contre la correction que tu apportes Chrisaga, ne fonctionne pas car la barre de l'édito déborde sur la gauche. J'ai du mal avec les css alors je sèche...
Merci, j'ai modifié.
Je pense que c'est OK comme ça.
<:o)
Super pour la réponse.
Voici déjà les infos pour le Wiki:
http://phpwebgallery.net/doc/doku.php?i … ranche_1.6
le passage est:
<div id="content"> <div> <h2>Edito</h2> <p class="Edito">Mettez ici ce que vous voudrez ou remplacez par {PAGE_BANNER} si vous voulez que ce qui apparait dans le header apparaisse dans l'edito</p> </div> </div>
Pour le logo je regarderai plus tard, je suis un peu short en ce moment.
Merci pour le temps consacré.
watson a écrit:
Merci de cette analyse pertinente.
En effet cela devait venir du png, car lorsque j'ai mis une image jpg cela marche. Ce qui est bizarre, c'est quand j'ai fait un test en mettant une banniere, aussi en png, tout marchait!? Et je travaille avec Corel qui est un bon logiciel.
Deux hypothèses :
1) tu as utilisé des options (compression, couleur, ...) de png (qui est un format riche) que IE ne comprend pas. Effectivement Corel est a priori
un bon logiciel, et les png fonctionnent puisque les icones de PWG sont dans ce format.
2) il y a un effet de bord avec le script qui ajoute le support de la transparence dont la gestion par IE est ¹~#{[|`\^@]}. Peux-tu essayer de
renommer temporairement le fichier include/pngfix.js et de me dire ce qui se passe pour ton logo (il y aura un problème avec le fond des
icones, mais c'est normal) ?
watson a écrit:
Maintenant, je n'ai rien compris en ce qui concerne : <div id="content">
J'ai fait comme indiqué dans Wiki et chez moi cela marche!
N'étant pas un spécialiste, qu'est-ce que je dois channger pour améliorer?
Merci de la réponse.
1) oui, ça fonctionne, de même que tu me comprends quans je te cause la France, mais c'est mieux lorsque je m'exprime en Français <;o)
2) il y a peut-être une erreur dans le wiki. Saurais-tu retrouve le lien rapidement pour que je vérifie ?
Merci,
Christophe
Merci de cette analyse pertinente.
En effet cela devait venir du png, car lorsque j'ai mis une image jpg cela marche. Ce qui est bizarre, c'est quand j'ai fait un test en mettant une banniere, aussi en png, tout marchait!? Et je travaille avec Corel qui est un bon logiciel.
Maintenant, je n'ai rien compris en ce qui concerne : <div id="content">
J'ai fait comme indiqué dans Wiki et chez moi cela marche!
N'étant pas un spécialiste, qu'est-ce que je dois channger pour améliorer?
Merci de la réponse.
'sais pas où est le 'blème, mais déjà l'image elle-même ne s'affichae pas dans IE :
http://www.forwardhc.ch/~album/photos/doc/logo.png
Tu as peut-être essayé une race de png qu'IE n'aime pas.
Autre chose : ta page n'est pas valide car tu utilise <div id="content">
pour ton édito et que cet Id est déjà utilisé pour la <div> principale de la page.
C'est mal ! mais ce n'est pas ce qui fait planter ton image.
<:o)
Merci d'avoir répondu,
le code est:
<div id="menubar"> <A HREF="{U_HOME}" TITLE="{GALLERY_TITLE}"><IMG SRC='doc/logo.png' ALT='PWG Logo' STYLE='margin: 0px 2em 5px 4em;' /></A>
C'est surement le code que tu as utilisé pour insérer le logo. Donne nous voir le code que tu as utilisé
J'ai modifié le script pour mettre un logo audessus des catégories.
C'est très bien expliqué et j'ai réussi.
J'ai juste le problème que cela marche très bien avec firefox mais pas avec IE.
Quelqu'un a-t-il une idée pourquoi?
Lien avec le site http://www.forwardhc.ch/~album/photos
Merci d'avance.