Jump to content
Sign in to follow this  
depotcenter

[RESOLU] Affichage liste des produits

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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é !!

Share this post


Link to post
Share on other sites

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;
}

23849_f1Uoo0rSnUPNGGXYXV7c_t

Share this post


Link to post
Share on other sites

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.

23878_7ngFBtLZvEKJiI6y4MUX_t

Share this post


Link to post
Share on other sites

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:

23881_LCSQzP0jA2xGiHkzdX7O_t

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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
Sign in to follow this  

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More