Piwigo.org

Zaphod · 2011-05-19 22:16:19

Je me pose une question en comparant la structure des templates "mainpage_categories.tpl" et "thumbnails.tpl"

La structure est finalement assez similaire (même très), sauf que d'un côté on a des DIV et de l'autre côté des SPAN.

Code:

UL. thumbnailCategories                      UL
   LI                                           LI
      DIV.thumbnailCategory                        SPAN.wrap1
       DIV.illustration                             SPAN.wrap2
            a                                            a
               IMG (miniature)                              IMG (miniature)
         DIV.description                              SPAN.thumbLegend
            h3
               a (nom catégorie)                         (nom image)
               IMG (icon new)                            IMG (icon new)
            DIV.text                                     (...)
               (...)

Y a-t-il une raison à cela ?

Est-ce qu'en pratique, on peut traiter les classes de la même manière dans les deux cas ?
Comme le css que je mets pour stripped est quasi le même dans les deux cas... est-ce que ça ne va pas m'engendrer des différences de mise en page quand même avec certains navigateurs ?

cljosse · 2011-05-20 10:56:42

La balise <div> est un block, donc un objet rectangulaire qui ne peut être répartie sur plusieurs lignes.
Elle possède les attributs margin, padding, width, height.
La balise <div> est précédée et suivie d'un saut de ligne.

Par exemple, le texte suivant:

<div>0000000<div>111111</div>222222</div>
s'affiche ainsi:

0000000
111111
222222
Span
La balise <span> est inline, elle s'inscrit dans le flux du contenu, peut être répartie sur plusieurs lignes.
On ne peut lui spécifier une hauteur ni une largeur ni l'entourer d'une marge.
Une balise <span> peut être placée à l'intérieur d'un paragraphe pour délimiter une partie de celui-ci sans affecter en soi l'apparence du texte.

<span> n'a pas de saut de ligne et le texte suivant:

<p><span>0000000<span>111111</span>222222</span></p>
s'affiche donc ainsi:

0000000111111222222

(http://www.xul.fr/html5/div-span.php)

mistic100 · 2011-05-20 11:51:16

ça n'explique pas vraiment cette différence en sein de Piwigo... vu que c'est le LI du dessus qui gère la mise en page (float pour les catégories et inline pour les miniatures)

Zaphod · 2011-05-20 14:00:14

En l'occurence si on spécifie du css pour ces éléments span... ça marche quand même.
C'est probablement peu propre...

Donc par exemple, pour mon thème je devrais changer ça pour des div.

Zaphod · 2011-05-20 14:18:12

D'ailleurs même dans le theme.css il y a un "height" qui est défini sur le SPAN wrap2, ainsi que des margin, display:table-cell et compagnie.

Dernière modification par Zaphod (2011-05-20 14:18:23)

cljosse · 2011-05-20 15:10:09

mistic100 a écrit:
ça n'explique pas vraiment cette différence en sein de Piwigo... vu que c'est le LI du dessus qui gère la mise en page (float pour les catégories et inline pour les miniatures)

Il faudrait avoir l'historique pour expliquer ces différences, il y a toujours une raison quelque part.

mistic100 · 2011-05-21 02:17:29

j'en convins :D
d'ailleurs si on s'autorise de grosses modifs pour Piwigo 2.4 j'aurais quelques suggestions sur le template par défaut, enfin on a le temps ....

flop25 · 2011-05-21 15:46:43

hum les modif de template ... un vaste sujet
si vous avez du code à proposer n'hésitez pas

Zaphod · 2011-05-21 16:11:53

Perso je viens de changer en tous cas les SPAN par des DIV dans thumbnails.tpl pour le thème stripped...
J'ai aussi changé le .wrap1 .wrap2 qui n'est pas très parlant.

ddtddt · 2011-05-21 20:13:14

Zaphod a écrit:
Perso je viens de changer en tous cas les SPAN par des DIV dans thumbnails.tpl pour le thème stripped...
J'ai aussi changé le .wrap1 .wrap2 qui n'est pas très parlant.

le seul inconvénient c'est les plugin qui pourrais faire des pré filtre dessus.

Est ce que cela apporte une amélioration pour l'affichage ?

ddtddt · 2011-05-21 20:13:43

mistic100 a écrit:
j'en convins :D
d'ailleurs si on s'autorise de grosses modifs pour Piwigo 2.4 j'aurais quelques suggestions sur le template par défaut, enfin on a le temps ....

Le mieux et de commencer par lancer une discussion sur le forum centrale ;-)

Zaphod · 2011-05-21 23:23:55

ddtddt a écrit:
le seul inconvénient c'est les plugin qui pourrais faire des pré filtre dessus.

Tu parles des classes ou du changement de SPAN en DIV.
Pour les classes, je me tate à laisser les "wrap1" "wrap2" en plus des miennes.

ddtddt a écrit:
Est ce que cela apporte une amélioration pour l'affichage ?

A priori, l'affichage avec DIV est plus correct qu'avec SPAN.
Pour les noms de classes, ça apporte juste plus de lisibilité sur le CSS.
Ca rend le theme.css plus cohérent.

J'en ai besoin si je veux permettre d'avoir les légendes des miniatures sous les photos, j'ai besoin de plus de souplesse de mise en page. (les miniatures ne sont pas centrées pareil avec et sans légende).

Au niveau des plugins... de toutes façons mes tpl sont différents de ceux de base... donc il y a déja 90% des chance qu'un plugin "standard" ne marche pas correctement avec stripped.

PWG stuffs par exemple marche très bien parce qu'il reprend le thumbnail.tpl.

Tout ça n'est pas définitif, c'est juste une version en cours, mais qui semble bien marcher.
Si c'est une mauvaise idée, je peux encore changer...

Dernière modification par Zaphod (2011-05-21 23:58:17)

plg · 2011-05-24 19:34:08

L'utilisation d'un span en display:block, c'est exactement la même chose que d'utiliser un div, et cela n'a aucune importance pour le rendu dans les navigateurs web. Je déconseille de changer cela à moins d'avoir une excellente raison :-)

Cette organisation de la liste des miniatures a été principalement faite pour Piwigo 1.5 il y a... quelques années, à une époque où nous sommes passés d'une structure fixe en tableau à une structure élastique avec une liste. Discussion sur l'origine de cette organisation HTML : http://piwigo.org/forum/viewtopic.php?id=4032

Zaphod · 2011-05-24 21:34:25

Il n'y a donc aucun risque qu'un navigateur même exotique affiche mal ce genre de balise ?

Je compte quand même rajouter des balises avec des noms intelligibles sinon j'ai du mal à m'en sortir sur la mise en page...

Accesoirement, quel souci peut-on avoir en changeant les span par des div ?

Dernière modification par Zaphod (2011-05-24 21:57:11)

ddtddt · 2011-05-24 22:28:28

Zaphod a écrit:
ddtddt a écrit:
le seul inconvénient c'est les plugin qui pourrais faire des pré filtre dessus.
Tu parles des classes ou du changement de SPAN en DIV.
Pour les classes, je me tate à laisser les "wrap1" "wrap2" en plus des miennes.

les 2

Pour un gain nul en rapidité et en différence d'affichage tu prends le 'risque' que tous les plugins qui utilise des pré filtres ne fonctionne pas avec ton thème.

Mais tu est libre de faire ce que tu veux ;-)

Piwigo.org

Annonce

#1 2011-05-19 22:16:19

SPAN et DIV - thumbnailCategories vs. thumbnails

Code:

#2 2011-05-20 10:56:42

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

#3 2011-05-20 11:51:16

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

#4 2011-05-20 14:00:14

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

#5 2011-05-20 14:18:12

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

#6 2011-05-20 15:10:09

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

mistic100 a écrit:

#7 2011-05-21 02:17:29

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

#8 2011-05-21 15:46:43

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

#9 2011-05-21 16:11:53

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

#10 2011-05-21 20:13:14

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

Zaphod a écrit:

#11 2011-05-21 20:13:43

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

mistic100 a écrit:

#12 2011-05-21 23:23:55

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

ddtddt a écrit:

ddtddt a écrit:

#13 2011-05-24 19:34:08

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

#14 2011-05-24 21:34:25

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

#15 2011-05-24 22:28:28

Re: SPAN et DIV - thumbnailCategories vs. thumbnails

Zaphod a écrit:

ddtddt a écrit:

Pied de page des forums