Bonjour, 

Je rencontre un problème avec un menu de 8 boutons à disposer sur 2 lignes (4 boutons par lignes).

ces 8 boutons sont des images prédécoupées qui ont des formes "parallélépipédique". Elles ont pour vocation de s'imbriquer un minimum.

En créant une liste UL, les images gardent une distance par défaut et ne donnent pas l'effet de s'imbriquer.

J'ai donc utilisé le positionnement absolute. J'ai donc le résultat que je recherche pour le menu, mais c'est ma div container en % qui n’obéis plus.

J'ai donc imposé à ma div container une dimension en Px. et là, le site est correct et les boutons aussi.

Mais lorsque je redimensionne le navigateur c'est le site au complet qui rapetisse. Il ne s'adapte plus à la largeur du navigateur.
Ce qui me pose problème pour le rendre responsive. 

J'espère avoir été clair...

Donc je me demandais s'il existait une solution, ou si ( et c'est fort possible) je m'y prenais TRES TRES mal.

Merci à vous pour les réponses que vous pourrez m'apporter

S.

Bonjour, tu utilises Bootstrap? Si "non" regarde du côté des MediaQuery ça pourrait t'aider je pense.

Ensuite qq conseils :

• pour ton css tu devrais utiliser une seule class "bouton" pour les règles communes au bouton ça rendrait le tout plus lisible
• pour le forum tu as un bouton </> qui permet d'ajouter du code (plus simple que de lire des captures d'écrans )

Hello, non je n'utilise pas bootstrap - je jeterai un coup d'oeil aux mediaquery, merci des conseils.  Je reviendrai nourrir le fil au cas ou je trouve une solution.  Ou si je ne trouve rien

Salut,

A ta place j'utiliserais plus position: relative; pour "boucher les blancs" des boutons. Et je suis effectivement d'accord avec HadockB, je te conseille d'utiliser une classe principale pour tes boutons.

Quand tu dis "...lorsque je redimensionne le navigateur...", tu redimentionnes la fenetre ou tu utilises le zoom du navigateur? (désolé pour la question, quelqu'un m'a fait le coup aujourd'hui).

Si tu utilises bien le redimentionnement de la fenetre, aucun problème n'apparait tant que cette dernière ne devienne plus petite que 1000px extact ? Seul ton margin: auto recentre ton corps ?