[PHP] Répartir des petites images sur la largeur de l'écran

Répartir des petites images sur la largeur de l'écran [PHP] - PHP - Programmation

Marsh Posté le 13-08-2005 à 20:48:55    

Salut !
 
    J'essaie d'afficher des miniatures de photos sur une page.  
Il y a souvent plusieurs dizaines de photos.
Comment puis-je répartir les photos selon la largeur de l'écran : par exemple sur 3 colonnes lorsque les gens sont en 1024 et 4 en 1280, etc...
 
C'est un sacré casse-tête...


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 13-08-2005 à 20:48:55   

Reply

Marsh Posté le 13-08-2005 à 22:18:55    

Tu utilises des listes de définition comme dans l'excellent tuto de Pompage: http://pompage.net/pompe/listesdefinitions/
Avec un CSS correct, ça s'adaptera tout seul sans que tu aies besoin de savoir quoi que ce soit de la résolution du visiteur ou de la taille de la fenêtre. S'il y a d'autres contraintes (texte très long en-dessous ou images de hauteur/largeur très différentes par ex.), ça peut devenir très compliqué voire inextricable et là une présentation tabulaire peut être préférable. Tout dépend des (autres) données à afficher.

Reply

Marsh Posté le 14-08-2005 à 10:00:27    

toutes mes images font 200 de large mais elles sont très variables en hauteur : de 100 à 400...
 
ok et, pour ce qui est de mon pb, présentation tabulaire implique javascript pour connaître la résolution de l'écran...


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 17-08-2005 à 03:10:03    

En positionnement flottant, quand il n'y a plus assez de place à droite, le moteur de rendu du navigateur va à la ligne tout seul ... En positionnement absolu, peu de chances effectivement.

Reply

Marsh Posté le 17-08-2005 à 11:57:41    

phosphorus68 a écrit :

En positionnement flottant, quand il n'y a plus assez de place à droite, le moteur de rendu du navigateur va à la ligne tout seul ... En positionnement absolu, peu de chances effectivement.


 
positionnement flottant de quoi ?
de liste de définition ?
de cases de tableau ?
de <div> ?


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 19-08-2005 à 23:40:22    

tout bloc positionné en flottant. Pas le tableau quoi :o


---------------
Faudrait pas prendre les oiseaux du bon Dieu pour des canards sauvages
Reply

Marsh Posté le 21-08-2005 à 00:54:30    

Tes miniatures sont afficher dans des td?
 
Si oui à chaque affichage tu incrémente un compteur et à chaque affiche tu teste si le compteur = au nombre de photos par ligne que tu veut et a ce moment là tu met le compteur à 0 et tu rajoute un </tr><tr> sinon tu incrémente le compteur.
 
Et ton nombres de photos par ligne tu le défini en testant l'affichage de l'utilisateur.
 
Ptet que ca t'aideras:).

Reply

Marsh Posté le 21-08-2005 à 02:01:58    

Neofunk a écrit :

Tes miniatures sont afficher dans des td?
 
Si oui à chaque affichage tu incrémente un compteur et à chaque affiche tu teste si le compteur = au nombre de photos par ligne que tu veut et a ce moment là tu met le compteur à 0 et tu rajoute un </tr><tr> sinon tu incrémente le compteur.
 
Et ton nombres de photos par ligne tu le défini en testant l'affichage de l'utilisateur.
 
Ptet que ca t'aideras:).


 
Et si ton utilisateur décide de changer la taille de sa fenêtre une fois qu'il a reçu la page, t'es pas dans la merde question mise en page toi  :sarcastic:  
 

Reply

Marsh Posté le 21-08-2005 à 02:07:43    

Tu recharge tous sur un onResize...
 
Mais tu as raison, ce n'est pas le top

Reply

Marsh Posté le 21-08-2005 à 02:25:38    

naceroth a écrit :

Et si ton utilisateur décide de changer la taille de sa fenêtre une fois qu'il a reçu la page, t'es pas dans la merde question mise en page toi  :sarcastic:


 
T'inquiète j'utilise pas ca :D, mais apparement il utilise des tableaux donc ca aurais pu être une solution.
Enfin dans ce cas y'as pas de solution infaillible, a part le onresize ptet mais bon ca seras jamais parfait :sarcastic: .


---------------
Feedback
Reply

Marsh Posté le 21-08-2005 à 02:25:38   

Reply

Marsh Posté le 21-08-2005 à 10:44:41    

vous avez pas encore plus crade comme solution ?


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 21-08-2005 à 11:38:51    

Neofunk a écrit :

T'inquiète j'utilise pas ca :D, mais apparement il utilise des tableaux donc ca aurais pu être une solution.
Enfin dans ce cas y'as pas de solution infaillible, a part le onresize ptet mais bon ca seras jamais parfait :sarcastic: .


non non je n'utilise pas de tableaux
j'ai finalement opté pour la première solution que phosphorus68 a donné : les listes de définition
ça marche très bien avec un peu de CSS  :hello:  
 
[:spikler] à tous


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 21-08-2005 à 16:11:34    

xtof_83 a écrit :

Tu recharge tous sur un onResize...
 
Mais tu as raison, ce n'est pas le top


 
 
Bel euphémisme :D

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed