Incompatibilité du template NCleanBlue avec les iPad

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.11
#~ Url du site : bernon.fr
#~ Hébergeur / Soft : Debian virtualisé
#~ Informations Système :
#~ J'ai suivi ce tuto d'openclassroom : http://fr.openclassrooms.com/informatiqu...ous-debian
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour,
Je suis prof de Sciences Physiques et depuis quelques années j'utilise CMS Made Simple pour mon site de cours.
A la faveur d'un changement d'établissement, j'ai décidé de faire un reboot de mon site et d'utiliser le template NCleanBlue car la navigation me semble plus naturelle.
Je l'avais initialement prévu uniquement pour le PC, mais il se trouve que ça marche bien aussi sur les portable et tablettes android.
Il se trouve que j'ai demandé à certains élèves de rattraper une partie du cours chez eux et un parent m'a contacté pour m'informer que le template ne fonctionne pas chez lui sur son iPad Mini : quand il tape sur l'onglet, le menu ne de déroule pas, contrairement à ce qu'il se passe avec les autres machines.

Je voulais savoir si ce problème était connu et s'il y avait un moyen de contourner le problème pour les iPads ?

Par avance, merci.
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.11
#~ Url du site : bernon.fr
#~ Hébergeur / Soft : Debian virtualisé
#~ Informations Système :
#~ J'ai suivi ce tuto d'openclassroom : http://fr.openclassrooms.com/informatiqu...ous-debian
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour,
Je suis prof de Sciences Physiques et depuis quelques années j'utilise CMS Made Simple pour mon site de cours.
A la faveur d'un changement d'établissement, j'ai décidé de faire un reboot de mon site et d'utiliser le template NCleanBlue car la navigation me semble plus naturelle.
Je l'avais initialement prévu uniquement pour le PC, mais il se trouve que ça marche bien aussi sur les portable et tablettes android.
Il se trouve que j'ai demandé à certains élèves de rattraper une partie du cours chez eux et un parent m'a contacté pour m'informer que le template ne fonctionne pas chez lui sur son iPad Mini : quand il tape sur l'onglet, le menu ne de déroule pas, contrairement à ce qu'il se passe avec les autres machines.

Je voulais savoir si ce problème était connu et s'il y avait un moyen de contourner le problème pour les iPads ?

Par avance, merci.
#2
Bonjour,
sur PC et FF, je vois que ton menu est décalé vers le bas.
A la validation, il y a 19 erreurs : http://validator.w3.org/check?verbose=1&...rnon.fr%2F
Après correction, il faut voir si le problème persiste.
Il faut aussi tenir compte du fait que ce gabarit n'est pas "responsive design"!
Il faudrait essayer aussi avec Simplex.
{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
#2
Bonjour,
sur PC et FF, je vois que ton menu est décalé vers le bas.
A la validation, il y a 19 erreurs : http://validator.w3.org/check?verbose=1&...rnon.fr%2F
Après correction, il faut voir si le problème persiste.
Il faut aussi tenir compte du fait que ce gabarit n'est pas "responsive design"!
Il faudrait essayer aussi avec Simplex.
{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
#3
il existe des sites de test
exemple pour le responsive
http://responsive.victorcoulon.fr/
http://cybercrab.com/screencheck/
http://www.pikock.com/fr/pi-responsive.html
pour les navigateurs
http://browsershots.org/
J-C Etiemble v 2.2.xx
#3
il existe des sites de test
exemple pour le responsive
http://responsive.victorcoulon.fr/
http://cybercrab.com/screencheck/
http://www.pikock.com/fr/pi-responsive.html
pour les navigateurs
http://browsershots.org/
J-C Etiemble v 2.2.xx
#4
Merci pour les retours,
J'ai regardé les erreurs, certaines viennent de moi (par préciser alt="" dans les images)
et d'autres semblent venir du cms, je ne sais pas comment les corriger.
Ce qui m'embête c'est que je n'ai pas l'intention de passer du temps dessus et que si y'a que les iDevices d'impactées, la tentation de leur répondre z'avez qu'à acheter une tablette android à 50 euros, elle marchera ELLE, va être grande :p
M'enfin je continuerai de chercher si mon frérot peut me prêter son iPad...
#4
Merci pour les retours,
J'ai regardé les erreurs, certaines viennent de moi (par préciser alt="" dans les images)
et d'autres semblent venir du cms, je ne sais pas comment les corriger.
Ce qui m'embête c'est que je n'ai pas l'intention de passer du temps dessus et que si y'a que les iDevices d'impactées, la tentation de leur répondre z'avez qu'à acheter une tablette android à 50 euros, elle marchera ELLE, va être grande :p
M'enfin je continuerai de chercher si mon frérot peut me prêter son iPad...
#5
Le template comporte 2 erreurs :
http://validator.w3.org/check?verbose=1&...ocms.fr%2F
Je pense que si tu utilises Simplex, tu n'auras plus de problème, il est plus adapté aux écrans d'aujourd'hui, petits zet grands Smile
{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
#5
Le template comporte 2 erreurs :
http://validator.w3.org/check?verbose=1&...ocms.fr%2F
Je pense que si tu utilises Simplex, tu n'auras plus de problème, il est plus adapté aux écrans d'aujourd'hui, petits zet grands Smile
{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
#6
une première grosse erreur : tu utilises des balises HTML5 (<article> par exemple) alors que ton doctype est HTML4

regarde sur le net pour + d'information Wink
#6
une première grosse erreur : tu utilises des balises HTML5 (<article> par exemple) alors que ton doctype est HTML4

regarde sur le net pour + d'information Wink
#7
Merci pour vos remarques
@bess :
Citation :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Ca tu veux dire ?
Mais même pas je sais ce que ça signifie (et franchement ça ne m'intéresse pas)
La question n'était pas de savoir où se trouvaient les erreurs dans mon site, mais pourquoi ça ne fonctionnait pas sur iPad alors que ça fonctionne sur tous mes appareils android, et sur mon pc sous firefox et chrome.

Attention, je comprends votre démarche : on ne peux pas reprocher à un navigateur de ne pas afficher correctement une page qui ne se conforme pas aux standards.

Seulement, je suis un utilisateur "Mme Michu" de CMS Made simple : j'installe le CMS, je le paramètre, je choisis un template livré avec qui je trouve sympa (avant j'utilisais left simple navigation + 1column sur mon ancien site)
Et je fais mes articles dedans en mettant le moins possible les mains dans le cambouis.

Sauf qu'avec ce template, les iPad ne passent pas. Je pense que cela vient non pas des erreurs indiquées mais de la façon dont les menus sont censés se dérouler quand on passe la souris dessus. Les problèmes soulignés sont à mon sens anecdotiques.

Je pense qu'à terme je retournerai vers mon ancien template, même si le retour que j'en avais de mes élèves était mitigé (la navigation par arborescence ne leur est pas intuitive car il n'ont pas grandi avec un gestionnaire de fichier).
#7
Merci pour vos remarques
@bess :
Citation :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Ca tu veux dire ?
Mais même pas je sais ce que ça signifie (et franchement ça ne m'intéresse pas)
La question n'était pas de savoir où se trouvaient les erreurs dans mon site, mais pourquoi ça ne fonctionnait pas sur iPad alors que ça fonctionne sur tous mes appareils android, et sur mon pc sous firefox et chrome.

Attention, je comprends votre démarche : on ne peux pas reprocher à un navigateur de ne pas afficher correctement une page qui ne se conforme pas aux standards.

Seulement, je suis un utilisateur "Mme Michu" de CMS Made simple : j'installe le CMS, je le paramètre, je choisis un template livré avec qui je trouve sympa (avant j'utilisais left simple navigation + 1column sur mon ancien site)
Et je fais mes articles dedans en mettant le moins possible les mains dans le cambouis.

Sauf qu'avec ce template, les iPad ne passent pas. Je pense que cela vient non pas des erreurs indiquées mais de la façon dont les menus sont censés se dérouler quand on passe la souris dessus. Les problèmes soulignés sont à mon sens anecdotiques.

Je pense qu'à terme je retournerai vers mon ancien template, même si le retour que j'en avais de mes élèves était mitigé (la navigation par arborescence ne leur est pas intuitive car il n'ont pas grandi avec un gestionnaire de fichier).
#8
le doctype est la carte d'identité de ton site pour connaitre la version HTML utilisée

Si tu ton site annonce HTML4 mais utilise du HTML5, le navigateur va pas apprécier

change

Code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

par

Code :
<!DOCTYPE html>
<html lang="fr">

déjà tu résoudras un premier conflit et ça corrigera la plupart des bugs (14 sur 18 à vu de nez) http://validator.w3.org/check?verbose=1&...rnon.fr%2F



Ensuite comme je t'ai déjà dit : tes menus se déroulent sur le survol de la souris. Sur tablette il n'y a pas de survol, il n'y a que des clics. Il ne peut donc pas être compatible tablette.
#8
le doctype est la carte d'identité de ton site pour connaitre la version HTML utilisée

Si tu ton site annonce HTML4 mais utilise du HTML5, le navigateur va pas apprécier

change

Code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

par

Code :
<!DOCTYPE html>
<html lang="fr">

déjà tu résoudras un premier conflit et ça corrigera la plupart des bugs (14 sur 18 à vu de nez) http://validator.w3.org/check?verbose=1&...rnon.fr%2F



Ensuite comme je t'ai déjà dit : tes menus se déroulent sur le survol de la souris. Sur tablette il n'y a pas de survol, il n'y a que des clics. Il ne peut donc pas être compatible tablette.


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)