pourquoi il y a un trou ???

[beyoou]

pourquoi il y a un trou ,la ou il doit afficher les produit normalement ??

[beyoou]

cela a disparu lorque je modifie la longueur des titres des produits et la description des produit .
mai je voudrais quand meme savoir comment je peux supprimer les troues sans changer la longueur des titres des produits et la description des profuit ???

[jeckyl]

Bonjour,

cela vient de la hauteur de votre liste de produit.

Ainsi chaque élément devrait avoir une hauteur fixe et assez grande pour contenir toutes les possibilités et ainsi être homogène.

C'est la hauteur de la balise qu'il faut travailler.

[beyoou]

Bonjour,

cela vient de la hauteur de votre liste de produit.

Ainsi chaque élément devrait avoir une hauteur fixe et assez grande pour contenir toutes les possibilités et ainsi être homogène.

C'est la hauteur de la balise qu'il faut travailler.

comment travailler cela ? c `est ou ? pourriez vous m`aider?

[tropicorchidees.com]

Bonjour jeckyl,

 

Même problème que beyoou. Pouvez-vous donner des précisions sur la façon de contourner ce problème ? Merci pour votre aide !

[tropicorchidees.com]

Je me permets de remonter cet ancien post car ce problème est toujours d'actualité, du moins pour certains. En voici un exemple sur mon site :

http://www.tropicorchidees.com/82-nouveautes

 

Existe-t-il une solution ? Ce n'est vraiment pas joli...

[thomasharko]

Bonjour,

C'est à cause de la hauteur de tes cadres

 

Tu peux soit mettre un hauteur fixe pour le cadre complet

Soit 

Mettre un min-height dans ta description produit ce qui aurait l'avantage d'aligner tous tes boutons "ajouter au panier" en plus d'avoir tous les cadres de la même hauteur

[thomasharko]

Pour toi tropicorchidées, je te laisse trouver les numéros de ligne ;-)

 

product-list.css

 

ul#product_list li {

1. width: 225px;
   
2. float: left;
   
3. margin: 10px 20px 0 0;
   
4. padding-bottom: 15px;
   
5. position: relative;
   
6. height: 400px;
   

 

ul#product_list li h3 {

1. margin-bottom: 10px;
   
2. min-height: 35px;
   

 

ul#product_list li p.product_desc a {

1. color: #505050;
   
2. display: block;
   
3. width: 100%;
   
4. min-height: 40px;
   

[tropicorchidees.com]

Un gros gros merci pour ton aide !! Je viens d'implémenter la première solution, que je préfère car elle a l'avantage d'éviter les blancs excessifs entre le nom du produit et le prix.