Piwigo.org

dmaille · 2006-09-15 18:32:06

Génial, j'adopte...
J'ai modifié la ligne 58 de picture.tpl (<div id="phRight" style="position: relative; float: right; right: 0; top: 0; width: 30em; font-size: 82%; height: 546px;">) parce que le choix des notes ( 1 2 3 4 5 ) se retrouvé sur 2 lignes ; j'ai également ajouté des " : " entre les titres et les valeurs.

Puis après test sur un écran de 15 pouces... je suis revenu à la taille de 17em et j'ai rajouté des "<br />" pour éviter la coupure inesthétique...

Dernière modification par dmaille (2006-09-21 17:47:36)

iphoto · 2006-09-15 21:44:39

Merci phgiraud, salut à tous

Idée géniale, adoptée tout de suite.

Le fait d'avoir des images dont la taille est fixe et le fait d'avoir fixé la largeur de la fenêtre (1024px par exemple), permet d'avoir une présentation constante.

Merci encore

iPhoto

iphoto · 2006-09-17 12:29:52

Bonjour,

Visiblement, il y a une petite erreur dans le fichier picture.tpl, voici :

Code:

      <!-- BEGIN metadata -->
      <span id="show_exifs">
        <table class="infoTable" style="font-size: 82%;""  summary="Some more (technical) info about this picture">
          <!-- BEGIN line -->
          <tr>
            <td class="label">{metadata.line.KEY}</td>
            <td class="value">{metadata.line.VALUE}</td>
          </tr>
          <!-- END line -->
        </table>
      </span>
      <!-- END metadata -->

En effet, '<span id="show_exifs">' ne fait référence à rien, et cela ma causé quelques problèmes.
Par conséquent, j'ai simplement supprimé les deux lignes SPAN, et cela fonctionne.

Cette commande SPAN est-elle nécessaire à quelle chose ?

phgiraud · 2006-09-17 18:29:41

Ce span identifie le tableau des exifs sans venir "perturber" la table d'origine. Par la suite, le bouton "cacher/montrer" les exifs y fait référence en Javascript comme je l'explique plus haut.
En tout cas, il ne pose aucun problème particulier.

VDigital · 2006-09-17 19:30:52

Sauf que la syntaxe recommandée dans les standards W3C est <div> <table> et non <span> <table>.

iphoto · 2006-09-17 20:39:06

De plus, 'show_exifs' n'est pas référencier dans un fichier CSS.
A moins peut-être que j'ai loupé une ligne.

Bonne soirée

flipflip · 2006-09-24 11:32:38

J'ai un problème avec le bouton pour afficher les meta données. En fait j'ai rajouté ça dans la fonction show_hide(id)

Code:

alert(element);

Lorsque je clic sur le bouton pour afficher les meta j'ai un avertissement qui est sensé me donner la valeur de element, il me renvoie null.

flipflip · 2006-09-28 14:22:37

Personne n'a d'idée ?
C'est dommage car c'est vraiment sympa comme visualisation.

phgiraud · 2006-09-28 15:00:36

contrairement à ce qui est dit + haut, il faut laisser le span:

Code:

<span id="show_exifs">

avant la table des exifs.

pour info, le span permet de structurer un document "in-line" alors que le div rajoute un "bloc"
voir ici:

w3c a écrit:
The DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents. These elements define content to be inline (SPAN) or block-level (DIV) but impose no other presentational idioms on the content.

(contrairement à ce que dit VDigital plus haut)

VDigital · 2006-09-28 15:59:01

Reprenons le sujet.

Le W3C dit toujours que pour qu'un page soit valide, il faut déjà que la syntaxe soit correcte.
La page est annoncée comme HTML 4.01 Strict, n'est-ce pas?

Au moment où je t'ai fait ma remarque (je rappelle que ceci n'est pas bloquant), j'ai effectué le contrôle suivant.

http://validator.w3.org/check?uri=http: … ategory/78

validator.w3.org a écrit:
This page is not Valid HTML 4.01 Strict!
Below are the results of attempting to parse this document with an SGML parser.

Error Line 182 column 112: document type does not allow element "TABLE" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag.
... (technical) info about this picture">
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Ligne 181 :<span id="show_exifs">
Ligne 182: <table class="infoTable" style="font-size: 82%;" summary="Some more (technical) info about this picture">

Je t'invite à lire la ligne qui commence par "One possible cause for this message...".
Merci.

8-)

phgiraud · 2006-09-28 16:04:24

c'est pas faux

VDigital · 2006-09-28 16:10:53

8-)

Un span n'a pas le droit de contenir une table.
C'est comme ça et je n'y suis pour rien.
8-)

phgiraud · 2006-09-28 21:43:34

Tu as raison, je suis moi-même aussi assez pointilleux sur ce genre de détails (le "c'est pas faux", c'est une référence humoristique...)

On peut donc tout simplement mettre l'id sur la table elle-même:

Code:

<table id="show_exifs" class="infoTable" style="font-size: 82%;" summary="Some more (technical) info about this picture">

Mon TIDY HTML Validator (un plugin firefox) me donne 0 error 0 warning de cette façon et cela fonctionne de la même manière.

VDigital · 2006-09-28 22:00:23

Je suis d'accord... 8-)
Une remarque, c'est pour faire beau, tu dois pouvoir le faire facilement...

<table id="show_exifs" class="infoTable" style="font-size: 82%;"
Le font-size, tu dois pouvoir le mettre dans la définition de #show_exifs.
La class "infoTable", tous ses attributs peuvent être reportés dans #show_exifs.

Du coup tu n'auras plus que:
<table id="show_exifs" summary="Some more (technical)...

Là, je préfère... Le mélange class et id est mal géré par certains navigateurs.
Le mélange id et style n'est pas très joli (sauf pour gérer un display: {metadata.line.DISPLAY} par exemple).

8-)

PS pour Chrisaga: deux minutes pour relire ce post, merci à toi... 8-)

VDigital · 2006-09-28 22:02:50

phgiraud a écrit:
TIDY HTML Validator

Tu te doutes que je l'ai... 8-)

Mais il ne remplace pas validator.w3.org ... 8-)

Piwigo.org

Annonce

#16 2006-09-15 18:32:06

Re: Présentation des images

#17 2006-09-15 21:44:39

Re: Présentation des images

#18 2006-09-17 12:29:52

Re: Présentation des images

Code:

#19 2006-09-17 18:29:41

Re: Présentation des images

#20 2006-09-17 19:30:52

Re: Présentation des images

#21 2006-09-17 20:39:06

Re: Présentation des images

#22 2006-09-24 11:32:38

Re: Présentation des images

Code:

#23 2006-09-28 14:22:37

Re: Présentation des images

#24 2006-09-28 15:00:36

Re: Présentation des images

Code:

w3c a écrit:

#25 2006-09-28 15:59:01

Re: Présentation des images

validator.w3.org a écrit:

#26 2006-09-28 16:04:24

Re: Présentation des images

#27 2006-09-28 16:10:53

Re: Présentation des images

#28 2006-09-28 21:43:34

Re: Présentation des images

Code:

#29 2006-09-28 22:00:23

Re: Présentation des images

#30 2006-09-28 22:02:50

Re: Présentation des images

phgiraud a écrit:

Pied de page des forums