[Résolu] Espacer photos (miniatures sous photo article)

[Homer7]

Bonjour,

J'ai fouillé sur le forum et tenté qq modifs à l'aide de firebug mais rien y fait, je cherche a espacer les petites photos
sous la photo principale de la fiche article, voir l'image jointe. (avec un border si possible)

Si quelqu'un avait une idée

Merci !

[Cal]

avec firebug un

margin-left:10px

ou

padding-left:10px

ne marche pas ?

[Homer7]

Merci pour la réponse,

firebug me donne

#thumbs_list {
float:left;
overflow:hidden;
width:250px;

j'essaye du coup de placer suivant tes conseils un 'margin-left:10px' ou 'padding-left:10px' mais ca ne fait que decaler les photos sur la droite
(j'ai essayé margin-right aussi) et pas les espacer l'une de l'autre ..

[Cal]

C'est normal #thumbs_list correspond au div parent. Il faut appliquer le 'margin' sur l'élément 'li' (élément de liste).

#thumbs_list li {
  ...
  margin-left:10px;
}

(d'ailleurs un margin-right serait mieux pour ne pas décaler la première image)

[Homer7]

Merci Cal, ca fonctionne impec !

Ca c'est du service Rapide

[Cal]

hum pas de problème avec l'image de droite qui s'affiche en dessous de la première ?

[Homer7]

Arf, je viens de voir ca en effet en mettant un border, cote a cote y a moyen ? sans abuser .. :|

[Cal]

Ah je préfère ça^^ J'avais déjà écrit la solution ça m'embêtais que ça marche direct de vote côté...

Bon maintenant le problème vient du fait que le 'ul' parent est trop petit pour contenir les images+marges. Là il faut modifier le product.tpl du template (ligne 114 pour le template par default) :

Remplacer (pour une marge de 10px et un border de 1px)

></pre>
<ul>

par:

></pre>
<ul>

[Homer7]

Haaaaa...

C'est vraiment ce que je voulais

Merci Merci Merci !! d'avoir pris de votre temps pour fixer mon problème

Cordialement

[baal]

bjr j aimerai savoir comment aligner mes thumbs de cette façon, sous l image principale en allant à la ligne.
merci

[baal]

bonjour,
j aimerai savoir comment met on les miniatures à gauche ou à droite de l'image principale.?
merci

[francklecancre]

moi ça ne marche pas du tout
Même en modifiant mon css avec un margin sur le thumbs_list li et en modifiant le fichier tpl...