[Résolu] Petit problème de responsive

Bonjour,


Mon site est presque prêt (prestashop 1.5.4.1).


Cependant, j'ai un (gros) problème avec le responsive. Il s'agit en fait d'un petit bout de php/html/css je suppose.


> En résolution 800x600 (par exemple) > le fait d'avoir des noms de produits sur deux lignes décale tout, je me retrouve avec des cases "vides".

Problème visible ici : http://viewlike.us/test.php#u=http://www.kosmeopolis.com/3-ongles%7C800%7C600%7C1



Si quelqu'un pouvait m'aider, je pourrais alors lancer mon site cette semaine !


En vous remerciant !
Modifié par camping44 (21 Jan 2014 - 12:02)

Bon, pour le moment j'ai résolu le problème avec :

- réduction taille de ligne du nom du produit
- overflow:hidden.

Mais bon, ce n'est pas très propre...

Si quelqu'un a mieux à me proposer... je prends

Bonjour et bienvenue,

tu peux regarder du côté de text-overflow (MDN)
Ou mieux avoir un clear: left sur chacun des produits de la 1ère colonne : ça lui évitera d'aller se positionner en 3e colonne parce que dans la ligne précédente le 2e était plus haut que les autres.
Par contre ça nécessite de savoir dans toutes les résolutions quels produits sont en 1ère colonne, soit avec une classe qui va bien ajoutée côté serveur (.prems rien rien .prems rien etc) soit avec :nth-child(3n+A) où A vaut 0, 1 ou 2

Bonjour,

Pas mal du tout ce petit Clear:left !

Merci bien !!!!

J'ai une autre question sur le responsive que je posterai plus tard, c'est pour un autre site et c'est tout aussi ennuyeux
Modifié par camping44 (21 Jan 2014 - 12:04)