Prestatest Posted January 23, 2020 Share Posted January 23, 2020 Bonjour, J'ai actuellement un soucis sur mon site (version 1.6.1.23) Thème d'origine (default-bootstrap version 1.0) Les images de sous catégories vont très bien sur PC, mais sur mobile cela ne va pas du tout. Les images sont trop grande et sorte du cadre du site. (alors que les autres menu/photo s'adaptent en taille/format que ce soit sur PC et tel Portable) Version sur PC : Version mobile : Cela rend très difficile la lisibilité sur téléphone portable J'ai chercher sur google ainsi que sur ce forum une solution, mais je tombe souvent sur des post parlant simplement le redimensionnement des images. Quelqu'un aurait-il une idée ? Link to comment Share on other sites More sharing options...
Eolia Posted January 23, 2020 Share Posted January 23, 2020 Ouais, plein^^ Mais vu que vous avez passé du temps pour tout masquer et ne surtout pas donner d'url c'est impossible de vous apporter la moindre aide possible. Bonne journée dans le monde d'Harry Potter Link to comment Share on other sites More sharing options...
Prestatest Posted January 23, 2020 Author Share Posted January 23, 2020 (edited) Wow c'est un peu rude....vous auriez pu m'envoyer balader à partir de la 2ème ou 3ème réponse, ça aurait été plus sport C'est la première fois que pour une de mes demande on m'indique que l'url est obligatoirement nécessaire (et cela en 9 ans sur ce forum). Il était donc assez difficile pour moi de savoir que dans le cas précis cette information était de première importance. Et de base, effectivement j'évite autant que possible d'afficher publiquement l'url du site sur des forums ou autres, (et cela pour plusieurs raisons). Bien entendu, en message privé sans soucis. Par contre le fait d'avoir masqué les images (oui, volontairement, vous avez raison) ne semble absolument pas influer à ma demande. Pour ceux qui aurait besoin de l'url, indiquez le moi ici ou en MP, je vous l’enverrai. Je précise que j'ai trouvé un img responsive dans le global.css : .img-responsive { display: block; max-width: 100%; height: auto; Ce qui laisse penser que l'ensemble du site devrait être "responsive", mais les images de sous-catégorie et des pages cms semblent agir différemment et restent fixe quel que soit la taille de l'écran (PC ou Mobile) . J'ai bien tenté de rajouter un "height:auto;" dans category.css, mais sans résultat. #subcategories ul li .subcategory-image a img { max-width: 100%; height:auto; vertical-align: top; } Edited January 23, 2020 by Prestatest (see edit history) Link to comment Share on other sites More sharing options...
Prestatest Posted January 23, 2020 Author Share Posted January 23, 2020 Existe-t-il une valeur type : "min-width" pour les sous-catégories ? Car ça serait peut être ça le soucis ici. Link to comment Share on other sites More sharing options...
Eolia Posted January 23, 2020 Share Posted January 23, 2020 le souci vient de votre container. Les images ne doivent pas dépasser 100% de celui-ci mais s'il est plus grand elles occupent l'espace. Je ne suis pas rude mais c'est impossible de debuguer du css sans le voir. Link to comment Share on other sites More sharing options...
Eolia Posted January 23, 2020 Share Posted January 23, 2020 (edited) Ah non c'est carément écrit en dur pour les li de cette liste: #subcategories ul li { float: left; width: 500px; margin: 0 0 13px 75px; text-align: center; height: 202px; } width: 500px; donc forcément... Et l'ul parent n'est pas bon non plus avec ses -20px Le bon code css: #subcategories ul { margin: 0; } #subcategories ul li { float: left; margin: 0 30px 13px 30px; text-align: center; height: auto; } Edited January 23, 2020 by Eolia (see edit history) Link to comment Share on other sites More sharing options...
Prestatest Posted January 23, 2020 Author Share Posted January 23, 2020 (edited) Un grand merci pour votre aide, cela fonctionne parfaitement. Mon problème etait surement un cas isolé (d'ou le fait que je ne trouvais pas d'info sur internet à ce sujet) étant donné que j'avais fait moi même cette modif dans la toute première version du site (1.3.2.3) mais cela m'était totalement sortie de la tête depuis tout ce temps. Encore merci pour la rapidité et efficacité de votre réponse Edit : pour le -20 je pense (mais plus sûr) que c'était pour centrer les catégories à l'époque du 1.3.2.3 car j'avais un menu latéral Edited January 23, 2020 by Prestatest (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now