[RESOLU] Affichage liste des produits

[depotcenter]

Bonjour,

Je souhaiterais changer l'affichage de la liste des produits.
Actuellement ma page ce presente de cette façon:
http://www.depotcenter.fr/new-products.php

Je souhaiterais les présenter en colonnes de 3 images sur 10 lignes


Merci

[jeckyl]

Bonjour,

cela se passe au niveau du fichier global.css.

Vous trouverez surement des sujets sur le forum qui aborde ce point qui est régulièrement demandé. Je vous conseil aussi de vous inspirer des sites existants.

[depotcenter]

Je c bien que cela ce passe dans le global.css
Malgres le sujet plusieurs fois resorti, je ne vois pa comment je peut faire ca. Sachant que j'ai testé toutes les solutions ...

Mon fichier global.css à été touché et retouché !!

[jeckyl]

Ben je sais pas si tu as bien cherché.

Voilà à quoi j'arrive.

ul#product_list li {
background:url("../img/block_category_item_bg.jpg") repeat-x scroll 0 0 #D0D3D8;
border:1px solid #D0D3D8;
clear:both;
float:left;
height:280px;
margin-bottom:0.3em;
margin-right:3px;
padding:6px;
width:168px;
}

[depotcenter]

Salut,

Merci pour ta reponse, alors j'ai remplacé le texte par celui que tu as mis.
En effet ca fonctionne, mais c'est pas exactement comme sur la photo.

Je me retrouve avec une seule colonne pour mes 10 produits.

[depotcenter]

Après plusieurs essai
j'arrive avec ce code là:

ul#product_list li {
background:url("../img/block_category_item_bg.jpg") repeat-x scroll 0 0 #D0D3D8;
border:1px solid #D0D3D8;
float:left;
height:280px;
margin-bottom:0.3em;
margin-right:3px;
padding:6px;
width:168px;
}


C'est exactement ce que je veux, maintenant j'aimerais bien centrer le contenu parce qu'il est trop sur la gauche
voir la photo:

[ould.abeidy]

Bonjour,
essaye d'ajauter margin-left:3px;
sinon tu peut utiliser les marges:

margin-top = marge supérieure
margin-right = marge de droite
margin-bottom = marge inférieure
margin-left = marge de gauche

salut.

[depotcenter]

Re!

Effectivement en modifiant les marges avec les codes que tu m'as donné et en bidouillant un peu ... Je suis arrivé a un resultat que j'aurai jamais pu imaginer.

ul#product_list li {
background:url("../img/block_category_item_bg.jpg") repeat-x scroll 0 0 #D0D3D8;
border:1px solid #D0D3D8;
float:left;
height:280px;
margin-bottom:0.3em;
margin-left:1px;
margin-top:1px;
padding:3px;
width:130px;
}


Voici le résultat:
http://www.depotcenter.fr/new-products.php


MERCII LA COMMUNAUTE

[ould.abeidy]

Bonjour,
hereux d'avoire aider mais
margin-left:1px;
margin-top:1px;
ce pas peu? en tous cas salut.

[depotcenter]

Oue c'est tres juste, mais si j'augmente ca passe pas.
Là jsui a 4 produit par ligne sur 5 collones ce qui me fait 20 produits par page (super bien!)

En augmentant je passe a 3 produits par ligne et même pas centré en plus ..

Du moment que ca rentre et que c'est pas tres collé non plus .. ca mconvient.

Merci