Jump to content

Plusieurs colonnes


chocopc

Recommended Posts

  • 3 weeks later...

Merci Zendik


j'ai reussi à faire quelques chose
il me reste un problème

l'affichage n'est pas regulier
je voulais faire 3 lignes avec 4 produits

l'affichage est des fois '4 produits sur la première lignes , 3 sur la deuxième 2 sur la troisième

et renvoi les produits restant sur une deuxième page !!!


si vous avez en core une idée!!

merci

Link to comment
Share on other sites

Bonjour

Le principe est relativement simple : il s'agit de listes (balises HTML UL et LI imbriquées, UL pour "Unsorted list" et LI pour "list item") ; il "suffit" donc d'afficher en blocs (clause CSS "display:block") les balises LI qui seront toutes accolées à gauche (clause CSS "float:left"). Evidemment il faut que la largeur du bloc UL soit un multiple de la largeur des blocs LI.

Je sais pas si je suis clair ;-)

Le plus simple est de rechercher des tutoriels CSS sur le net, beaucoup expliquent ce principe de base.

Link to comment
Share on other sites

  • 6 months later...

Bonjour la tribu !

je fais remonter ce topic car j'aurais envie, comme certains visiblement, d'afficher mes procuits sur plusieur colonnes. J'ai bien lu les quelques recommandations ca et la mais pour un neophyte en dév comme moi j'avoue ne pas arriver à mettre tout ca en application.

Si certains y sont parvenus, pourriez m'expliquer tout ca ou mettre des exemples histoire de voire le mode de fonctionnement...

Et petite question subsidiaire : quand il n'existe que 2 ou 3 produits pour une catégorie, ce n'est peut etre pas utile (visuellement moins attrayant je trouve) d'afficher les produits sur plusieurs colonnes... enfin ca, c'est a étudier quand j'aurai déja réussi la premiere étape !

Merci a vous.

Link to comment
Share on other sites

bonjour
Vous pouvez régler cela avec le CSS
Il vous faut un bloc conteneur, une DIV en général
puis vos blocs contenus ayant dans le code CSS, l'intruction

float:left;



Les blocs contenus seront disposés de gauche à droite et de bas en haut, par ligne en fonction de leur taille indiquée dans le CSS. Lorsqu'il n'y a plus de place pour un bloc contenu, sur une ligne dans le conteneur, il est mis sur la ligne suivante.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...