Afficher mon site normal sur les tablettes et les smartphones
Fermé
jamsom
Messages postés
242
Date d'inscription
mercredi 8 mai 2013
Statut
Membre
Dernière intervention
4 novembre 2017
-
1 juin 2015 à 19:42
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 3 juin 2015 à 20:55
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 3 juin 2015 à 20:55
A voir également:
- Afficher mon site normal sur les tablettes et les smartphones
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Site inaccessible - Guide
- Site pour vendre des objets d'occasion - Guide
- Remettre clavier normal android - Guide
4 réponses
Bonsoir,
Vous devez passer votre site en format responsive designe,votre espace de texte doit être réduit en largeur,vos mots mis en liens doivent être espacés,et vos images déplacées vers la gauche.Mettez l'adresse URL de votre site pour avoir une idée plus précise des modifications à apporter.
La sagesse est fille de l'expérience.
Vous devez passer votre site en format responsive designe,votre espace de texte doit être réduit en largeur,vos mots mis en liens doivent être espacés,et vos images déplacées vers la gauche.Mettez l'adresse URL de votre site pour avoir une idée plus précise des modifications à apporter.
La sagesse est fille de l'expérience.
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 2/06/2015 à 01:13
Modifié par animostab le 2/06/2015 à 01:13
Bonjour
Pour être plus clair cela se fait avec css et ce que l'on appelle les media queries qui en gros selectionne les règles css à prendre en compte selon la largeur de l'écran.
donc l'utilisation de largeur en % et une mise en page adaptée au device est requise ce qui risque de bousculer une mise en page du genre 3 colonnes pour ecrans ordi.
Un peu de lecture:
https://www.alsacreations.com/article/lire/930-css3-media-queries.html
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607616-utilisez-le-responsive-design-avec-les-media-queries
de plus tu dois forcer le device à utiliser la résolution réelle de son écran avec ce code dans le head
<meta name="viewport" content="initial-scale=1.0">
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
Pour être plus clair cela se fait avec css et ce que l'on appelle les media queries qui en gros selectionne les règles css à prendre en compte selon la largeur de l'écran.
donc l'utilisation de largeur en % et une mise en page adaptée au device est requise ce qui risque de bousculer une mise en page du genre 3 colonnes pour ecrans ordi.
Un peu de lecture:
https://www.alsacreations.com/article/lire/930-css3-media-queries.html
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607616-utilisez-le-responsive-design-avec-les-media-queries
de plus tu dois forcer le device à utiliser la résolution réelle de son écran avec ce code dans le head
<meta name="viewport" content="initial-scale=1.0">
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
jamsom
Messages postés
242
Date d'inscription
mercredi 8 mai 2013
Statut
Membre
Dernière intervention
4 novembre 2017
2 juin 2015 à 11:32
2 juin 2015 à 11:32
mon site est www.maaloma.net
j'ai travaillé avec php
j'ai travaillé avec php
jamsom
Messages postés
242
Date d'inscription
mercredi 8 mai 2013
Statut
Membre
Dernière intervention
4 novembre 2017
2 juin 2015 à 11:33
2 juin 2015 à 11:33
mon site est www.maaloma.net
j'ai travaillé avec php
mes pages web sot des séctions que j'affiche cote à cote
j'ai travaillé avec php
mes pages web sot des séctions que j'affiche cote à cote
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
2 juin 2015 à 13:46
2 juin 2015 à 13:46
Avant de passer en responsive il serait bien de corriger les nombreuses erreurs (136 erreurs au validateur w3c)
jamsom
Messages postés
242
Date d'inscription
mercredi 8 mai 2013
Statut
Membre
Dernière intervention
4 novembre 2017
2 juin 2015 à 14:22
2 juin 2015 à 14:22
quels erreurs j'i suivi le document que j'ai telechargé sur le site que tu m'a donné
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
2 juin 2015 à 15:06
2 juin 2015 à 15:06
il y en a tellement
pas de déclaration de doctype au début de la page
plusieurs balises <html> <body> dans la page, plusieurs déclaration de doc type et de charset dans la page (due a une mauvaise utilisation des include certainement --> ne pas faire une page complète a inclure mais y mettre juste le code html désiré sans les head body html etc)
des balises <p> insérées dans des balises <p>
des div insérées dans des balises <p>
<marquee> obsolète
</br> au lieu de <br/>
plusieurs fois la meme id dans la page (id doit être unique) utiliser class si il y en a plusieurs
etc ...
pas de déclaration de doctype au début de la page
plusieurs balises <html> <body> dans la page, plusieurs déclaration de doc type et de charset dans la page (due a une mauvaise utilisation des include certainement --> ne pas faire une page complète a inclure mais y mettre juste le code html désiré sans les head body html etc)
des balises <p> insérées dans des balises <p>
des div insérées dans des balises <p>
<marquee> obsolète
</br> au lieu de <br/>
plusieurs fois la meme id dans la page (id doit être unique) utiliser class si il y en a plusieurs
etc ...
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
2 juin 2015 à 16:48
2 juin 2015 à 16:48
Tiens je t'avais déjà donné la solution : https://forums.commentcamarche.net/forum/affich-31437771-rendre-mon-site-compatible-avec-les-navigateurs-smartphone
ce n'est pas en reposant la meme question que tu vas y arriver. Il faut apprendre et tester d'abord avec des choses simples en suivant des tutos simples
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607616-utilisez-le-responsive-design-avec-les-media-queries
je t'avais déjà dis que ton site a des erreurs, as tu corrigé cela --> NON, c'est meme pire qu'avant
as tu perseveré pour comprendre les media queries --> il ne semble pas
donc suit un tuto simple avec une page simple de test pour comprendre le principe.
ce n'est pas en reposant la meme question que tu vas y arriver. Il faut apprendre et tester d'abord avec des choses simples en suivant des tutos simples
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607616-utilisez-le-responsive-design-avec-les-media-queries
je t'avais déjà dis que ton site a des erreurs, as tu corrigé cela --> NON, c'est meme pire qu'avant
as tu perseveré pour comprendre les media queries --> il ne semble pas
donc suit un tuto simple avec une page simple de test pour comprendre le principe.
jamsom
Messages postés
242
Date d'inscription
mercredi 8 mai 2013
Statut
Membre
Dernière intervention
4 novembre 2017
2 juin 2015 à 19:49
2 juin 2015 à 19:49
merci beaucoup Mr.
jamsom
Messages postés
242
Date d'inscription
mercredi 8 mai 2013
Statut
Membre
Dernière intervention
4 novembre 2017
3 juin 2015 à 18:53
3 juin 2015 à 18:53
mon problème est réglé Merci bcp
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
3 juin 2015 à 20:55
3 juin 2015 à 20:55
ok niveau responsive ca marche mais il y a encore des erreur html
deja mets le doc type au début de page avant tout code
<!DOCTYPE html>
puis va voir cette page qui liste les erreurs sur ton site
https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.maaloma.net%2F
pas mal sont dues a des balises ouvertes non fermées (ex des <strong> jamais fermés ligne 73)
ensuite il faudrait juste améliorer un peu le design (look) parce meme si je n'ai aucune idée de quoi parle ton site ca fait un peu amateur
deja mets le doc type au début de page avant tout code
<!DOCTYPE html>
puis va voir cette page qui liste les erreurs sur ton site
https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.maaloma.net%2F
pas mal sont dues a des balises ouvertes non fermées (ex des <strong> jamais fermés ligne 73)
ensuite il faudrait juste améliorer un peu le design (look) parce meme si je n'ai aucune idée de quoi parle ton site ca fait un peu amateur