Thumbs qui descend sur une 2ème ligne

[yvesbj]

Bonjour,

 

J'ai modifier le CSS pour avoir une bordure et un espacement entre les thumbs. J'ai aussi augmenté leur taille à 98px au lieu de 80px.

 

J'ai 4 images et la 5ème passe sur une 2ème ligne. Je me suis arraché tous les cheveux. J'ai bien sur chercher sur le forum avant de venir demander de l'aide.

 

Pourriez vous m'aider et me dire comment remonter la 5ème photo sur la ligne avec les 4 autres s'il-vous-plais ?

 

Voici mon code :

 

#views_block {
   margin: 0 auto;
   width: 358px;
}
#thumbs_list {
   float: left;
   overflow: hidden;
   width: 324px;
}
#thumbs_list ul {
   list-style-type: none;
   margin-top: 10px;
   padding-left: 0;
}
#thumbs_list li {
   border: 1px solid #C8C8C9;
   cursor: pointer;
   float: left;
   height: 98px;
   margin-right: 12px;
   width: 98px;
}
#view_scroll_left, #view_scroll_right {
   background: url("../img/thumbs_left.gif") no-repeat scroll center center transparent;
   float: left;
   height: 18px;
   margin-top: 45px;
   padding-left: 4px;
   padding-right: 4px;
   text-indent: -3000px;
   width: 9px;
}
#view_scroll_right {
   background-image: url("../img/thumbs_right.gif");
}
span.view_scroll_spacer {
   float: left;
   height: 80px;
   width: 17px;
}

[yvesbj]

Je viens également de constater que lorsque je supprime une photo, la dernière descend automatiquement à la ligne comme sur mon visuel joint plus haut.

 

Du coup, j'ai 4 thumbs, le 4ème passe en bas, j'en ai 3, le 3ème passe en bas, etc...

 

Quand sur firebug, je réduis le margin-right, ça recale tous, mais lorsque je le modifie réellement dans le global.css ça ne change rien... (j'ai bien sur vidé le cache et desactivé le cache de smarty...)

 

Si vous avez une solution svp