Jump to content
Prestatest

Image "sous-catégorie" trop grande sur mobile

Recommended Posts

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 :

A1.thumb.jpg.af4a9e76455cc2857a6e62f388be2c5f.jpg

 

Version mobile :

 

A2.jpg.f38607e38cc34f8cb47b4fa24c85d2a9.jpg

 

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 ?

 

 

Share this post


Link to post
Share on other sites

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 :) 

Share this post


Link to post
Share on other sites

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 by Prestatest (see edit history)

Share this post


Link to post
Share on other sites

Existe-t-il une valeur type : "min-width" pour les sous-catégories ? 

Car ça serait peut être ça le soucis ici.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 by Eolia (see edit history)

Share this post


Link to post
Share on other sites

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 by Prestatest (see edit history)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More