Problème daffichage sur smartphone

[fkro]

Bonjour,

voilà mon problème :

je développe un site pour un club de foot dont voici l'URL : http://www.jscoulainesfoot.com/
bien qu'autodidacte, j'arrive à m'en sortir plutôt pas mal et dans un soucis d'évolution de mon site,
j'ai souhaité pouvoir favoriser les accès mobiles pour les visiteurs. J'ai donc utilisé Mobile joomla et Jtouch
pour arrivé à mes fins. Tout s'est bien déroulé, le seul problème est que sur un smartphone, je ne vois
que la moitié gauche des pages de mon site. Je précise que j'utilise le template tk_engina.

Merci d'avance pour vos avis éclairés

fkro

[lomart]

Re : Problème daffichage sur smartphone

Bonjour,

Une mise en page par tableau et des images avec des dimensions fixes ne sont pas l'idéal pour s'adapter à différentes tailles d'écran
Si on ajoute ces règles CSS:
img { width: 100% ;}
table { width: 100% !important;}

tout rentre dans le cadre, mais les images occupent toutes la largeur du cadre. Donc l'idéal est de reprendre les dimensions "inline" des images sous la forme width="100%" height="NaN"

[fkro]

Re : Problème daffichage sur smartphone

Merci Lomart, mais où puis-je ajouter ces paramètres?

merci

[lomart]

Re : Problème daffichage sur smartphone

Pour le CSS: à la fin du fichier /templates/tk_engina_free/css/custom.css
Pour la taille des images dans le code de chacun des articles en remplaçant le width et height en pixels par des pourcentages ou NaN (Not a Number) pour que la taille soit proportionnelle à l'autre
Exemple pour la 1ère photo de l'actuelle page d'accueil
<img width="522" height="305" border="0" alt="" src="images/saison_2013_2014/Photos/parents 280614.jpg">
devient pour que la photo occupe la largeur totale
<img width="100%" height="NaN" border="0" alt="" src="images/saison_2013_2014/Photos/parents 280614.jpg">

[fkro]

Re : Problème daffichage sur smartphone

Merci, je teste ça dès que je peux