Programmer site pour toute taille d'écran
michlapiche
Messages postés
19
Statut
Membre
-
Maitre2B Messages postés 391 Statut Membre -
Maitre2B Messages postés 391 Statut Membre -
Bonjour,
alors voilà, j'ai besoin de votre aide je suis actuellement entrain de développer la structure de mon futur site web. Le problème c'est que la structure n'est adapté que à mon écran! 22 pouces
Voici un screenshot de mon dualscreen (22" et 18"), on peut voir que sur le 22" la structure est parfaite, mais sur le 18" ça part totalement en cou*lles !
http://www.noelshack.com/2015-05-1422370760-siteweb.png
Auriez vous une idée ? C'est vraiment désespérant, je trouve rien sur le web.
J'ai testé plusieurs truc comme mettre tout les contenu de ma page entre : <div id="contenu"></div>
et mettre en CSS :
contenu {
width: 100%;
height: 200px;
}
Mais rien à faire ça ne marche pas ! :-(
Une idée ?
Ps : J'ai entendu parler des Queries je sais pas trop quoi, j'ai regardé et je trouve ça incompréhensible. De plus, je ne compte pas adapter mon site à des mobiles, ou alors qu'ils s'adapte à l'écran si on retrécie la fenêtre.
Je voudrai simplement qu'il s'adapte aux formats d'écrans de PC les plus répandus (15", 18", 20", 22" etc.)
Merci beaucoup !
alors voilà, j'ai besoin de votre aide je suis actuellement entrain de développer la structure de mon futur site web. Le problème c'est que la structure n'est adapté que à mon écran! 22 pouces
Voici un screenshot de mon dualscreen (22" et 18"), on peut voir que sur le 22" la structure est parfaite, mais sur le 18" ça part totalement en cou*lles !
http://www.noelshack.com/2015-05-1422370760-siteweb.png
Auriez vous une idée ? C'est vraiment désespérant, je trouve rien sur le web.
J'ai testé plusieurs truc comme mettre tout les contenu de ma page entre : <div id="contenu"></div>
et mettre en CSS :
contenu {
width: 100%;
height: 200px;
}
Mais rien à faire ça ne marche pas ! :-(
Une idée ?
Ps : J'ai entendu parler des Queries je sais pas trop quoi, j'ai regardé et je trouve ça incompréhensible. De plus, je ne compte pas adapter mon site à des mobiles, ou alors qu'ils s'adapte à l'écran si on retrécie la fenêtre.
Je voudrai simplement qu'il s'adapte aux formats d'écrans de PC les plus répandus (15", 18", 20", 22" etc.)
Merci beaucoup !
A voir également:
- Programmer site pour toute taille d'écran
- Comment réduire la taille d'un fichier - Guide
- Site de telechargement - Accueil - Outils
- Double ecran - Guide
- Site pour vendre des objets d'occasion - Guide
- Site comme coco - Accueil - Réseaux sociaux
4 réponses
Bonjour,
Juste une idée, mettre également les tableaux extérieur en width=100% directement dans votre code html ou php ou autre
Et si vous avez 5 petite minute, essayer ce site : http://crea-network.com/quiz/quizplateau.php
Un petit retour serait sympathique
Cordialement,
Juste une idée, mettre également les tableaux extérieur en width=100% directement dans votre code html ou php ou autre
Et si vous avez 5 petite minute, essayer ce site : http://crea-network.com/quiz/quizplateau.php
Un petit retour serait sympathique
Cordialement,
Puisque vous parler de style CSS, c'est que vous avez accès à vos codes sources.
Maintenant, entre les balises <body> et </body> vous avez votre page web et vous devriez avoir des balise de tableaux : <table ..... width=100%>.
Pour info, ne pas dépasser une largeur de 960px pour que votre site ou application s'affiche sur les ecrans mais attention ca ne s'adapte pas à l'acran, cela reste en taille fixe.
Pour plus d'info, inscrire votre code source et je vous dirai une méthode simple
Cordialement
Maintenant, entre les balises <body> et </body> vous avez votre page web et vous devriez avoir des balise de tableaux : <table ..... width=100%>.
Pour info, ne pas dépasser une largeur de 960px pour que votre site ou application s'affiche sur les ecrans mais attention ca ne s'adapte pas à l'acran, cela reste en taille fixe.
Pour plus d'info, inscrire votre code source et je vous dirai une méthode simple
Cordialement
Bonjour,
Ce n'est pas de la programmation le html / css.
Ce que vous cherchez c'est le responsive design.
Le temps de bien maîtriser le css ne s'apprend pas en quelques jours pour que le site soit solide.
Je vous conseil quand même de chercher des tutos sur le responsive :
https://www.google.fr/search?q=creer+un+site+responsive&oq=creer+un+site+responsive&aqs=chrome..69i57j0l5.4081j0j8&sourceid=chrome&es_sm=122&ie=UTF-8#q=tuto+creer+un+site+responsive&spell=1
Sinon un site non responsive pour les écrans pc doit respecter environ 960 a 1000 pixel de large.
Bonne soirée
Ce n'est pas de la programmation le html / css.
Ce que vous cherchez c'est le responsive design.
Le temps de bien maîtriser le css ne s'apprend pas en quelques jours pour que le site soit solide.
Je vous conseil quand même de chercher des tutos sur le responsive :
https://www.google.fr/search?q=creer+un+site+responsive&oq=creer+un+site+responsive&aqs=chrome..69i57j0l5.4081j0j8&sourceid=chrome&es_sm=122&ie=UTF-8#q=tuto+creer+un+site+responsive&spell=1
Sinon un site non responsive pour les écrans pc doit respecter environ 960 a 1000 pixel de large.
Bonne soirée
Bonjour !
Si jamais tu cherches à ce que ton site web apparaisse correctement sur tout type d'écran (écran d'ordinateur, tablette, smartphone), il faut faire du "responsiv design".
Il y a un framework de css très connu, très simple d'utilisateur qui est Boostrap.
Voici un exemple de siteweb en responsiv design (le mien) : http://neo-web.fr
Voilà pour la meilleure solution d'après moi.
Si jamais tu ne te tournes pas vers celle ci, je pense que tu peux modifier dans ton css certain élément en pixel et le mettre en %
Si jamais tu cherches à ce que ton site web apparaisse correctement sur tout type d'écran (écran d'ordinateur, tablette, smartphone), il faut faire du "responsiv design".
Il y a un framework de css très connu, très simple d'utilisateur qui est Boostrap.
Voici un exemple de siteweb en responsiv design (le mien) : http://neo-web.fr
Voilà pour la meilleure solution d'après moi.
Si jamais tu ne te tournes pas vers celle ci, je pense que tu peux modifier dans ton css certain élément en pixel et le mettre en %
Mais en ce qui concerne la réponse, je comprends pas trop, je les places où les width=100% ? ça va changer quoi éxactement ?