j'ai tout remis, mais les fleches ne sont meme pas centrées sous firefox


bon ben sephi,

tu vois ski te reste a faire, koi ?

deja, fo que les fleches soient sur les cotés, masi en plus fo ke se soit beau sous IE et mozilla

Le résultat est affreux sous Firefox, tout est décalé... :/

ralalalala.. voila la solution... ce qu'il faut pas vous macher le travail parfois :)
Dans le fichier Css, modifie la balise width des tags ci dessous

#gauche,#droite
{
  float:left;
  width:30%;
  text-align:left;
  white-space:nowrap;
}

Passe par exemple à 15% (enfin regarde ce que cela donne avant) ou bien en valeur fixe (genre 100px)

Ce qu'il y a de bien avec ce nouveau système de template je trouve, c'est que qqun qui veut vraiment modifier un template peut sans crainte de perdre son temps s'investir et apprendre à se servir à fond de CSS. Cela lui servira toujours dès qu'il voudra faire un site web...

Si! Si! Je vous assure!!!

PS. Pour te rassurer, tu as buté sur un point assez complexe du système de css : la gestion de la position des boites!!

sylvain a écrit:

J'attends depuis des jours aussi qu'un modo s'exprime :) Il semble que le sujet ne les insipre pas :)

Je suis très pris par mon travail et par diverses choses personnelles en ce moment.

Pour information, de manière générale, si vous voulez changer la mise en page vous devez modifier les fichiers tpl. La modification des fichiers php doit rester du domaine de l'extraordinaire et nécessite une bonne connaissance de php.  La modification des fichiers tpl ne nécessite quant à elle que des connaissance de HTML et CSS. C'est d'ailleurs la raison pour laquelle le nouveau système de template a été mis en place.

Pour répondre à votre question, la modification des flèches demande une bonne connaissance des balises <div> et CSS. En effet, l'image constitue une boite complète qui fait 100% de largeur tandis que les fleches et le tableau de données constituent 3 boites alignées (cf les balises float:left dans le css)
Ce que vous voulez faire, c'est changer les boites de place. N'hésitez pas donc

Sur une page résolue ca vous donnerait quelque chose comme cela :

<div style="clear:both;"></div>
<div style="white-space:nowrap;">
<div id="gauche">
&nbsp;
  <a class="none" href="http://fcdombesbenjamins.free.fr/galeriephotos/picture.php?cat=3&amp;image_id=33" title="Précédente : journee 061104 001">
  <img style="border:none;" width="28" height="22" src="http://fcdombesbenjamins.free.fr/galeriephotos/template/default/theme/main_gauche.gif" alt="" />
    <img src="http://fcdombesbenjamins.free.fr/galeriephotos/galleries/equipe_1/equipe_1_061104_ainsudfoot/thumbnail/miniat_journee_061104_001.jpg" class="thumbLink" style="margin-right:10px;margin-left:5px;" alt="journee 061104 001"/>

    </a>
</div>
<div id="centre">
  <img class="image" src="http://fcdombesbenjamins.free.fr/galeriephotos/galleries/equipe_1/equipe_1_061104_ainsudfoot/journee_061104_002.jpg" style="width:400px;height:600px;" alt="journee_061104_002.jpg"/>
</div>
<div id="droite">
  <a  class="none" href="http://fcdombesbenjamins.free.fr/galeriephotos/picture.php?cat=3&amp;image_id=35" title="Suivante : journee 061104 003">
    <img class="thumbLink" src="http://fcdombesbenjamins.free.fr/galeriephotos/galleries/equipe_1/equipe_1_061104_ainsudfoot/thumbnail/miniat_journee_061104_003.jpg" style="margin-right:10px;margin-left:5px;" alt="journee 061104 003"/>
    <img style="border:none;" class="thumbLink" width="34" height="26" src="http://fcdombesbenjamins.free.fr/galeriephotos/template/default/theme/main_droite.gif" alt="" />

    </a>
  &nbsp;
</div>
<div style="clear:both;"></div>
<table style="margin:auto;margin-top:5px;margin-bottom:5px;">
    <tr>
     <td class="menu" style="font-weight:bold;">Poids : </td>
     <td class="menu" style="text-align:right;">193 KB</td>
    </tr>
    <tr>

     <td class="menu" style="font-weight:bold;">Dimensions : </td>
     <td class="menu" style="text-align:right;">800*600</td>
    </tr>
    <tr>
     <td class="menu" style="font-weight:bold;">Catégories : </td>
     <td class="menu" style="text-align:right;">
<a class="" href="http://fcdombesbenjamins.free.fr/galeriephotos/category.php?cat=1">equipe&nbsp;1</a>&nbsp;/&nbsp;

<a class="" href="http://fcdombesbenjamins.free.fr/galeriephotos/category.php?cat=3">equipe&nbsp;1&nbsp;061104&nbsp;ainsudfoot</a></td>
    </tr>
  </table>

Faites un copier coller dans un nouveau fichier pour voir ce que cela fait.

Restera à faire :
- vous devrez modifier aussi les balises gauche et droite (ATTENTION AUX EFFETS DE BORD!!) pour diminuer la largeur. En effet, avec une image en 800px, les fleches sont mal positionnées en résolution médium (1280*1024)
- n'utilisez pas bien sûr l'exemple donné ci dessus et mettez à jour le fichier picture.tpl (et seulement lui)

Je n'ai malheureusement pas le temps d'aller plus loin, mais il me semble aussi intéressant pour toutes les personnes souhaitant personnaliser leur galerie de mettre les mains dans les fichiers tpl et d'acquérir une certaine aisance avec le HTML et le CSS (puisqu'encore une fois, le PHP n'a rien à voir la dedans)

Bonne chance à vous :)

sylvain a écrit:

J'attends depuis des jours aussi qu'un modo s'exprime :) Il semble que le sujet ne les insipre pas :)

Regarde l'annonce tout en haut. Zorglub est en vacance. C'est pas domino's pizza ici :D

Thierry.

j'ai tout testé,

j'ai pris toutes les lignes de codes de la fleche "prec", je les ai collées une a une de partout dans la page.

et ben, ya pas moyen de mettre ces p....de m.... d'e..... de co...... de etc..... de fleches a coté de la photo. Elles se mettent juste au dessus, juste en dessous, mais a coté, nib. on dirait que la photo, meme si elle tien pa tte la page, et ben elle tient toou l'espace.


EH LES MODOS VOUS AVEZ PAS UNE SOLUTION ????

Allez dites nous pas que vous kéblo la dessus !!!!

yes, mais
moi tu sais jsuis un peu bourrin.
donc dans la page picture, j'essaie de faire des copier/coller du code des fleches. ya k1 souci. c'est que dans la "rubrique" "begin previous" jusqu'a "end previous" et pareil pour "next", la miniature est associée à la fleche. j'ai bien essayé de coller que la ligne de la fleche, (mais sans mettre les balises "begin et end") de chaque coté de la photo (apparemment L_PICTURE), mais ans résultat

je pense que je ne dois pas tout copier ce qu'il faut et egalement, peut etre ne pas le coller excatment ou y fo

ca c'est le code de la photo

<!-- BEGIN high -->
</a>
<div style="font-weight:bold; text-align:center;">{L_PICTURE_HIGH}</div>
<!-- END high -->

et celui ci c'est la miniat plus la fleche

<!-- BEGIN previous -->
    <a class="none" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
    <img style="border:none;" width="30" height="100" src="template/default/theme/left-arrow.gif" alt="" />
      <img src="{previous.IMG}" class="thumbLink" style="margin-right:10px;margin-left:5px;" alt="{previous.TITLE_IMG}"/>
      </a>
  <!-- END previous -->

merci de votre aide