Forum

Salut.

Je viens de faire une petite modif sur mon site, et je vous fait partager ce petit bout de code qui peut être utile pour plus d'un.

J'ai fais ceci pour le forum, donc éditer le forum.css et y ajouter ( ou rechercher, et modifier .IMG ) :



Sur une résolution à 980px et moins, les images s'afficheront sur une valeur de 90% de votre page. A modifier bien sûr à votre guise (Que ce soit la résolution, ou le pourcentage).

hum... tu cherches à faire quoi exactement ?

Je cherche pas, vu que j'ai trouvé

Sur PC quand on met une image en 800px, ça passe. Mais sur mobile, ça laisse en 800px. En mettant le max-width à 90% l'image s'affiche à 90% de la page du forum (quelle que soit la résolution), que ce soit sur PC ou mobile

Moi ça marche très bien en tout cas.

Édité par MickaelFR Le 16/06/2018 à 08h49

C'est déjà dans le code sur ton site (et sur tous les sites sous pbt 4.1+). Dans le fichier default.css, la balise img est en max-width 100% (= de leur emplacement)

Édité par babsolune Le 16/06/2018 à 16h53

Sur pc oui, mais sur mobile non. J'ai rajouté manuellement la résolution

Ce n'est pas en rajoutant un media query que tu permets à une propriété d'être active sur tel où tel support.
Le media query défini en valeurs les limites pour lesquellles la propriété est active, si tu n'en mets pas la propriété est active quelle que soit la résolution du support

D'ailleurs dans ton code que tu en mettes ou pas ça ne change rien vu que le code est le même avant 979px et après 980px.

ceci étant, tu as soulevé un autre point, à savoir qu'en HTML5, les css par défaut de la balise img n'imposent plus que le display:inline-block, et du coup je me pose la question de l'utilité du reset sur le border et l'overflow... mais je ne trouve pas de doc concernant l'abandon de cette pratique ancestrale

Édité par babsolune Le 16/06/2018 à 20h50

Salut.

Je ne souhaite pas te contredire, mais pourtant mon code est opérationnel. Sur mobile, je t'assure que les images n'étaient pas à 100% de la résolution en cours (mobile). J'avais toujours des images qui dépassaient largement du champ. Cependant, je n'avais pas la barre du bas pour voir le reste de l'image, elle se coupée à la fin de l'écran.

si ton code est opérationnel, et il l'est, vu que c'est le même que celui qui est déjà en place, il y a une chance pour que le problème soit ailleurs <img src="/images/smileys/wink.png" alt=";)" class="smiley" />

avec ton code on voit bien que l'image, plus grande que l'écran, est redimensionnée pour ne pas dépasser de son emplacement : <a href="http://prntscr.com/jvtw2j">http://prntscr.com/jvtw2j</a>

sans ton code on voit bien que l'image, plus grande que l'écran, est redimensionnée pour ne pas dépasser de son emplacement : <a href="http://prntscr.com/jvtwd9">http://prntscr.com/jvtwd9</a>

Salut.

Je comprends ce que tu veux dire. Bizarre alors, je ferai quelques tentatives tout à l'heure Je te fais confiance à 200% je suis loin de tout connaitre, mais moi qui étais content d'avoir fait quelque chose.

Je vais prendre des screens pour te montrer

RE.

Bon, ça ne le fait plus, donc je ne peux rien te montrer .. Mais bon, partons du principe que si je l'ai fais c'est car ça dépassé bel et bien, mais peut-être un problème de cache alors sur mon mobile, je ne sais pas.

A supprimer dans ce cas si vous le voulez, ce sujet ne set à rien en effet .

Merci encore à toi

Un sujet sur la connaissance du code n'est jamais inutile

Les caches de navigateurs de mobiles sont très capricieux en effet, surtout chrome (et pas que sur mobile );
Pour affiner le tuto, la propriété max-width ne fonctionne pas en % dans les fieldset, il faut impérativement imposer une taille fixe (px, rem, em) et là, les media queries deviennent indispensables - exemple à voir dans la déclaration d'un article quand l'ajout d'une image est proposé (Articles, News, Download, etc...)

D'accord. J'en suis pas à cette connaissance là, mais je vois quand même un peu.

Pourquoi pas de % par contre? Il marche quand même pour le img?

Le fieldset j'ai mis 100% je crois pour l'éditeur de texte.

Cas concret me concernant :



L'éditeur de texte est bien à 98% sur ce lien : <a href="https://www.rando-drone.com/gallery/gallery-3-10.php?com=0#comments-list">https://www.rando-drone.com/gallery/gallery-3-10.php?com=0#comments-list</a> (pas sûr que tu puisses voir vu que j'ai désactivé les commentaires aux membres, donc voici une photo)

<img src="/upload/fieldset.jpg" alt="" />

Je me permet de revenir sur ça ..

Lorsque je poste une iframe (bilan d'une randonnée par exemple), ou si je met une vidéo avec la balise Youtube, rien n'est redimensionné ?

Bonjour,

cela sera effectif en 5.2.
Confirmation par les graphistes please

Cordialement,
Xela

Édité par xela Le 17/06/2018 à 17h45

Okay Merci pour la réponse

Édité par MickaelFR Le 17/06/2018 à 17h50