Site Joomla 3.8 compatible mobile??

[killer]

Effectivement il y avait un tableau... du coup je pense que le lodo ainsi que le titre si je mettais tous ça dans un jpg cela fonctionnerais mieux non?

[lomart]

Effectivement il y avait un tableau... du coup je pense que le lodo ainsi que le titre si je mettais tous ça dans un jpg cela fonctionnerais mieux non?

Oui une image avec le bon CSS passerait mieux.
Tu peux aussi découper ton bandeau en 3 parties qui se mettent l'une au dessous de l'autre sur mobile

<div style="text-align:center">
<img src="logo1" class="span3">
<img src="logo2" class="span6">
<img src="logo3" class="span3">
</div>

J'ai utilisé Bootstrap pour montrer le style de codage

Autre conseil:
Il faut une règle img{max-width:100%} et ne jamais la masquer par des dimensions d'images en dur

[killer]

J'ai donc fait une image de mon logo que j'ai inséré dans un modul et centré, mais apparement cela ne fonctionne pas.
Je n'ai pas compris ou mettre cela: img{max-width:100%}

[lomart]

Ca marche sur cette page : https://les-spartiates.com/

Je n'ai pas compris ou mettre cela: img{max-width:100%}

Dans le fichier CSS, s'il n'exista pas déjà
Mais le plus important est de supprimer toutes les dimensions en dur dans le code HTML et les classes qui définissent des images en pixels

[killer]

Ca marche sur cette page : https://les-spartiates.com/


Dans le fichier CSS, s'il n'exista pas déjà
Mais le plus important est de supprimer toutes les dimensions en dur dans le code HTML et les classes qui définissent des images en pixels

Alors la je bloque un peu....voici le code du logo dans le module: <p><img style="display: block; margin-left: auto; margin-right: auto;" src="images/banners/logo-spar.png" alt="" width="940" height="235" /></p>

img{max-width:100%} j'imagine se touve dans le CSS?

[lomart]

img{max-width:100%} j'imagine se touve dans le CSS?

Il se trouve déjà ligne 213 de template.css
Par sécurité, il faut supprimer width="940" height="235 du code du module et argumenter la balise alt avec le texte alternatif pour Google

Ensuite, le problème c'est les pavés en bas de page qui ont des largeurs en px

[killer]

Il se trouve déjà ligne 213 de template.css
Par sécurité, il faut supprimer width="940" height="235 du code du module et argumenter la balise alt avec le texte alternatif pour Google

Voila ce que j'ai en ligne 213... peut être on ne parle pas du même site ?lol c'est les-spartiates.com ou target-c.fr?

img, video, .scale {
/* Part 1: Set a maxium relative to the parent */
max-width:100%;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
height:auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

Ensuite, le problème c'est les pavés en bas de page qui ont des largeurs en px

sur quel site?

[lomart]

Je ne parle que de spartiates

Voila ce que j'ai en ligne 213... peut être on ne parle pas du même site ?lol c'est les-spartiates.com ou target-c.fr?

ou peut-être que tu as des problèmes de vision. relis attentivement ton message précédent

[killer]

Nous sommes bien d'accord pour les-spartiates... donc en ligne 213voila ce que j'ai....

img, video, .scale {
/* Part 1: Set a maxium relative to the parent */
max-width:100%;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
height:auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

[lomart]

Mets tes lunettes

Au besoin, relis mon post #21

[manu93fr]

Bonsoir,
killer Lomart essaie de t'expliquer que ton souci est dans le code HTML que tu as collé dans le module ... et pas le CSS de la ligne 213 de ton fichier template.css

il faut supprimer width="940" height="235 du code du module et argumenter la balise alt avec le texte alternatif

Est ce que tu as des notions de HTML et CSS ou pas du tout ? Car on a supposé dès le départ que tu en avais

Ton image fait a l'origine 320px par 320px ... et dans le code que tu colles tu forces l'image a faire 940px de large
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="images/banners/logo-spar.png" alt="" width="940" height="235" /></p>

Le plus simple pour toi c'est de mettre ton image dans un module personnalisé ... et si tu veux reduire ou agrandir l'image, fais le avec l'éditeur

Ensuite si ton objectif c'est de centrer ton logo, c'est ton module que tu dois centrer, pas l'image qui est DANS ce module .... mais là, il faut aller fouiller dans le template ... et c'est une autre histoire
http://www.template-joomspirit.com/h...23/manual.html

Et pour répondre a ton questionnement "Site Joomla 3.8 compatible mobile??"
Tu vois bien que souvent, c'est une mauvaise utilisation ou compréhension de ce que l'on fait qui va a l'encontre des régles responsive

[killer]

Mets tes lunettes

Au besoin, relis mon post #21

Et ben apres avoir lu plusieurs fois ce matin je viens de voir.................. ben oui c'est DEJA en ligne 213 dsl...........

manu93fr j'ai quelques notions de CSS disons que si on m'indique je sais ou trouver, enfin à condition que j'y voit clair..Une chose est sur c'est que je fais très, trop souvent des erreurs qui au final me font perdrent des jours à rechercher le pkoi cela ne marche pas.. Effectivement le coup de forcer l'image alors qu'ele serait deja au départ en 100% est pas logique.
Bon je vais tenter de centrer le module

[lomart]

Une chose est sur c'est que je fais très, trop souvent des erreurs qui au final me font perdrent des jours à rechercher le pkoi cela ne marche pas..

Le CSS n'est pas compliqué, mais demande de l'attention et de la méthode. Quand ça ne marche pas, dans 99% des cas, on en est responsable. Il faut se relire caractère par caractère.
Si tu ne veux pas te plier à cette discipline, il vaut mieux abandonner.
Avec les inspecteurs de code, il est facile de voir où sont les problèmes et de tester des solutions. Et seulement ensuite, les appliquer dans son custom.css
Le responsive est un combat quotidien. A chaque ajout ou modif du site, il faut se dire : ce que je viens de faire est-il responsive ?

[killer]

Ensuite, le problème c'est les pavés en bas de page qui ont des largeurs en px

Du coup pour ces pavés.... je ne peux pas en faire un jpg. Si je les mets en max-width:100%; ça risque de faire gros caca... quelle est la solution?

Pour le logo j'ai fait un jpg en effet sur mon tel ça marche bcp mieux...

[lomart]

Du coup pour ces pavés.... je ne peux pas en faire un jpg. Si je les mets en max-width:100%; ça risque de faire gros caca... quelle est la solution?

Le max-width:100% n'est jamais un problème. C'est la limite à ne pas franchir : pas plus que la largeur du bloc parent
Pour ces pavés, c'est soit un mauvais paramétrage de l'extension utilisée ou une extension non responsive