« 1 (2) 3 »
Re : Espace logo catégorie
Alain T
Alain T

Re : Espace logo catégorie

Alain T 608
18/03/2021 23:23
#11
Alain T 608
18/03/2021 23:23
déjà,
Tu va rencontrer - dans ton cas - ce problème sur 2 pages
la page index du module et la page de l'article.

Soit, commençons pas la page de l'article,
Bravo, c'est bien "modules\xmnews\xmnews_article.tpl" !
Tu vois, tu commences à comprendre la logique !

img-fluid est une classe css, non une variable,
Si elle est utilisée, ton image sera responsive, c'est à dire qu'elle va s'adapter à la taille de son parent direct

Donc tu ne peux bouger cette classe, ou y ajouter des paramètres, il faut trouver une autre solution.
Par contre, tu peux changer de classe pour l'image ou ajouter de nouvelles classes,
ou regarder si le parent peut avoir une influence bénéfique.
Le parent est <div class="col">

Je regarde...
Re : Espace logo catégorie
Pascal C.
Pascal C.

Re : Espace logo catégorie

Pascal C. 431
18/03/2021 23:32
#12
Pascal C. 431
18/03/2021 23:32
Merci Alain, je continue à chercher aussi...
je commence en effet maintenant à comprendre où peuvent se situer quelques trucs... mais il me reste bien du boulot.
Re : Espace logo catégorie
Alain T
Alain T

Re : Espace logo catégorie

Alain T 608
18/03/2021 23:38
#13
Alain T 608
18/03/2021 23:38
Déjà, tu vois que le code de l'image apparait 2 fois :

<div class="d-block d-md-none pt-2 px-4">
                        <{if 
$logo != ''}>
                            <{if 
$CAT == true}><a href="index.php?news_cid=<{$category_id}>"><{/if}><img class="card-img-top rounded img-fluid" src="<{$logo}>" alt="<{$title}>"><{if $CAT == true}></a><{/if}>
                        <{/if}>
                    </
div>

puis plus bas
<img class="col-3 rounded float-right d-none d-md-block" src="<{$logo}>" alt="<{$title}>">


Le 1er sera utilisé uniquement quand le media sera inférieur à md , soit inférieur à 768px (d-block d-md-none = affiche puis n'affiche plus à partir de md)
Pour comprendre (je pense que c'est prématuré pour toi, pour l'instant) :
- Grille Bootstrap4
- caché / visible

et le 2ieme est affiché uniquement si le media qui affiche la page est supérieure à md (768 px)(d-none d-md-block = n'affiche pas puis affiche à partir de md)

voilà, ça ne réponds pas à ta question mais ça t'indique qu'il faudra trouver une solution pour les 2 cas !
Pour comprendre le changement,
réduit ta fenêtre depuis ton pc vers une largeur très réduite, tu comprendras le changement !
C'est un des élements du responsive, mais il y en a des centaines hehehe !
Re : Espace logo catégorie
Alain T
Alain T

Re : Espace logo catégorie

Alain T 608
18/03/2021 23:44
#14
Alain T 608
18/03/2021 23:44
ha, c'est la classe 'card-img-top'...
Re : Espace logo catégorie
Alain T
Alain T

Re : Espace logo catégorie

Alain T 608
18/03/2021 23:54
#15
Alain T 608
18/03/2021 23:54
Pour le cas 2,
Tu peux forcer la taille par ce code :
<img class="col-3 rounded float-right d-none d-md-block" src="<{$logo}>" alt="<{$title}>" style="width:81px;">

Cela marche parfaitement mais cela condamne toutes tes images a cette taille, quelque soit la catégorie...

Si tu veux responsive partout hormis une catégorie, c'est encore possible mais il faut "jouer" avec la variable smarty qui connait l'ID de la catégorie,
mais ça, c'est une autre histoire.

Pour le cas 1, ça marche mais ce n'est pas satisfaisant, qu'en penses-tu ?
Re : Espace logo catégorie
Pascal C.
Pascal C.

Re : Espace logo catégorie

Pascal C. 431
18/03/2021 23:55
#16
Pascal C. 431
18/03/2021 23:55
Md signifie donc medium... je pensais que c'était maxi definition
Donc caché sur medium ???

Et la classe 'card-img-top' signifie juste que l'image doit être située en haut mais n'indique pas de dimensions.

J'y comprends rien, c'est effectivement trop compliqué pour moi là.
Re : Espace logo catégorie
Alain T
Alain T

Re : Espace logo catégorie

Alain T 608
18/03/2021 23:59
#17
Alain T 608
18/03/2021 23:59
Citation :
Et la classe 'card-img-top' signifie juste que l'image doit être située en haut mais n'indique pas de dimensions.
Ton livre de chevet sera dorénavant Bootstrap 4.

Je t'ai mis le lien de card-img-top
On peut voir que l'image prends toute la largeur, et est placée en haut du cadre "card".
Cela a été définie comme cela.
Tu n'es pas obligé d'utiliser cette classe, dans ce cas, cela ne sera pas élargie
Re : Espace logo catégorie
Pascal C.
Pascal C.

Re : Espace logo catégorie

Pascal C. 431
19/03/2021 00:07
#18
Pascal C. 431
19/03/2021 00:07
Je vais en faire des cauchemards mais je crois que je ne vais pas avoir le choix... faudrait que je trouve quelque chose de simple qui me permette de commencer par le début en fait. Car ça semble très très vaste.

J'ai essayé de supprimer la classe sans voir de changement.

Par contre ta manip de forcer la dimension fonctionne et me convient. Je souhaite de toutes manières que tous mes logos de catégories soient de même taille, à la manière d'un simple pictogramme. Donc c'est parfait pour mon cas, t'es au top

Par contre, si je force l'image à 81, elle est affichée plus petite de l'ordre de 30% à vue de nez.
Du coup je l'ai passée à 110 et ça semble correspondre + ou - à mon image réelle de 81 pixels.

ça ne me dérange pas dans les faits, mais c'est étonnant tout de même.

[Edit] Je vais donc cloturer ce topic avec grand plaisir. C'est déjà le second truc qui me bloquais que tu me débloque aujourd'hui, je vais finir par t'épuiser

Et le pire est que j'ai d'autres soucis sous le coude, mais je vais chercher avant de te faire plancher dessus, et de prendre un ban

Je pense que j'aurais assez de questions pour animer toutes les sections de ton forum et même inaugurer les nouvelles... mais je vais d'abord essayer de reprendre et assimiler les derniers posts de ce topic, car certains trucs me dépassent pour l'instant et j'ai juste appliqué bêtement.
Re : Espace logo catégorie
Pascal C.
Pascal C.

Re : Espace logo catégorie

Pascal C. 431
19/03/2021 00:19
#19
Pascal C. 431
19/03/2021 00:19
Ha, je suis obligé de rajouter un post pour cloturer car j'ai dépassé le délai pour éditer...
Re : Espace logo catégorie
Alain T
Alain T

Re : Espace logo catégorie

Alain T 608
19/03/2021 00:27
#20
Alain T 608
19/03/2021 00:27
Citation :
Par contre, si je force l'image à 81, elle est affichée plus petite de l'ordre de 30% à vue de nez.
Du coup je l'ai passée à 110 et ça semble correspondre + ou - à mon image réelle de 81 pixels.
Oui, je sais pourquoi,
il y a un padding de 15 sur cette colonne, soit 15 pixels d'espace à gauche et 15 pixels à droite
donc
effectivement, tu peux ajouter 2*15 soit 30 pixels
donc 81 + 30 = 111 pixels.
Tu avais mis 110, tu y étais presque !