Afficher mon site normal sur les tablettes et les smartphones
jamsom
Messages postés
242
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
bonjour à tous
j'ai créer un site avec php, sur mon pc tout est normale, mais lorsque je le visite sur les mobiles tout est anormal, comment je peux rendre mon site compatible avec ces mobiles
j'ai créer un site avec php, sur mon pc tout est normale, mais lorsque je le visite sur les mobiles tout est anormal, comment je peux rendre mon site compatible avec ces mobiles
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
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - 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.
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.
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
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 ...
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.
mon problème est réglé Merci bcp
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