Listage

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Listage

par Cyrano » 14 mai 2006, 09:13

Salut,
pour afficher ta liste un peu comme un tableau, il faut que tu fasse comme pour l'affichage en ligne, mais il est nécessaire que tes "<li> aient une dimension fixe et que le bloc <ul> ait une dimension également. En utilisant un "float: left" pour les <li>, ils vont se positionner sur chaque ligne tant qu'il y a de la place puis continuer sur la ligne suivante. Donc si ton bloc <ul> a par exemple une largeur de 100px, fixe la largeur des <li> à 20px pour en avoir 5 par ligne.

Pour les dimensions d'une image, la taille ne sera pas proprotionnelle mais selon les dimensions que tu auras fixé. Si, pour une image qui a une taille originale de 200px/80px, tu fixes dans ta feuille de style des dimensions de 150px/100px, l'image sera déformée selon ces dernières dimensions, donc compressée en largeur et étirée en hauteur : pour le rendu visuel, c'est pas terrible :-k Mais... ben oui, il y a un "mais" : si par exemple tu ne fixes qu'une seule des deux dimensions, par exemple la largeur, alors l'affichage sera proportionnel par rapport à cette unique dimension.

Listage

par smarties » 14 mai 2006, 02:26

Bonjour,
Je cherche à lister des données (images miniatures). Jusque la, pas de problème (j'utilise <ul> et <li>). Ensuite, je cherche à changer la disposition avec du CSS :
- en 1 ligne (la c'est bon)
- en 1 colonne (c'est bon aussi)
- en 1 tableau de 5 x n_lignes => c'est ici que je ne vois pas comment faire

Une petite question en plus quand on utilise width OU height de la balise img est-ce que ca garde quelque chose de proportionnel ?