Page 1 sur 1

Listage

Posté : 14 mai 2006, 02:26
par smarties
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 ?

Posté : 14 mai 2006, 09:13
par Cyrano
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.