Affichage vignettes

[blaise]

Bonjour,

Les vignettes additionnelles qui se trouvent sous ma photo principale (page produit) sont collées les unes aux autres. Comment faire pour les espacer ?

Merci !

[sandrine1973]

J'ai le même problème que toi deux ans plus tard... Tu as trouvé la solution?

[sandrine1973]

Up ! Up ! Quelqu'un a t-il une idee ?

[Franck_R]

Bonjour,

Actuellement, votre fichier global.css contient à la ligne 2064 :

#thumbs_list li {
   cursor: pointer;
   float: left;
}

Vous pouvez les remplacer par :

#thumbs_list li {
   cursor: pointer;
   float: left;
   margin-left:1px;
}

Il y aura un léger espace entre vos vignettes.

J'espère avoir répondu à votre problème.

Cordialement,

Franck_R

[sandrine1973]

L'espacement marche ! Un grand merci a toi ! Par contre, c'est a peine détectable a l'œil nu malheureusement... J'aurais préféré un espace plus grand mais si j augmente la valeur, l'image passe en dessous :-(

Tu me sembles vraiment fort en CSS alors du coup, j'en profite pour te demander si par hasard tu aurais la reponse a mon second problème : http://www.prestashop.com/forums/viewthread/90937/

Je croise les doigts pour que tu saches me repondre aussi facilement que sur ce post-la ! ;-)

[sandrine1973]

Je re-deterre ce topic pour vous indiquer que si vous mettez plus de 3 photos, cela passe en deux lignes d'affichages, ce qui est pas vraiment jojo... Donc, j'ai trifouillé et pour garder une ligne d'affichage + un espace, il faut mettre le code suivant :

#thumbs_list li {
   cursor: pointer;
   float: left;
   margin-left:1px;

Hope it helps :-)

[yvesbj]

sous presta 1.4, j'ai voulu mettre un espace de 10px, ça fais 4h que je suis dessus c'est mission impossible. Sur les 5 images que j'ai mis dans la fiche produit, le 5ème thumb passe à la ligne...

Est-ce que vous auriez une solution svp ?