resolution de la page web

resolution de la page web - HTML/CSS - Programmation

Marsh Posté le 17-03-2005 à 15:45:38    

bonjour,
je suis en train de realiser un  site web et j'aimerai savoir comment faire pour que les pages que je fais sur mon pc puisse etre vu de la meme facon sur tous les PC quelque soit leur résolution.  
J'ai rechercher sur internet notament sur le site http://editeurjavascript.com/ mais je ne trouve pas de script qui marche.
Estce que quelquun d'entre vous sais comment faire pour que les pages que je fais sur mon PC soit vu de la meme facon sur tous les PC quelque doit leur resolution?
merci d'avance pour vos reponses
zittert
 
zittert@hotmail.com

Reply

Marsh Posté le 17-03-2005 à 15:45:38   

Reply

Marsh Posté le 17-03-2005 à 15:49:43    

...
 
1- ne pas utiliser de tables
2- ne pas utliser de scripts
3- ne pas utiliser de logiciels de merde type Frontpage/DreamWeaver
4- Une page web ne se code pas "pour les PCs", on peut regarder une page web depuis un mac ou un Alpha sous Solaris, depuis un PDA, en mode texte dans une console sous AIX 5L, dans un navigateur audio type JAWS ou braille, ...
5- Le HTML et les CSS ne sont pas fait pour du rendu précis au pixel, un design doit être flexible de manière à s'afficher correctement sur tous les support, pas s'afficher strictement de la même manière partout (ce qui est fondamentalement impossible)
6- http://openweb.eu.org
7- http://masklinnscans.free.fr/webdev.html


Message édité par masklinn le 17-03-2005 à 15:50:20

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 17-03-2005 à 15:49:53    

Laisse tomber tout de suite JavaScript.
 
Faut utiliser par exemple des dimensions exprimées en pourcentages

Reply

Marsh Posté le 17-03-2005 à 15:50:43    

ben tu test la résolution de l'utilisateur a l'entrée du site et tu le fais en différentes résolution... non ?
 
[:spamafote]


---------------
Pas le temps... Ou pas envie de le prendre ?
Reply

Marsh Posté le 17-03-2005 à 15:53:27    

baster_baster a écrit :

ben tu test la résolution de l'utilisateur a l'entrée du site et tu le fais en différentes résolution... non ?
 
[:spamafote]


[:ban]
 
[edit]
 
Bienvenue dans le web de 1995, quoi...[:dawa]


Message édité par skeye le 17-03-2005 à 15:55:25

---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 17-03-2005 à 15:58:08    

baster_baster a écrit :

ben tu test la résolution de l'utilisateur a l'entrée du site et tu le fais en différentes résolution... non ?
 
[:spamafote]


J'imagine que tu utilises du JS pour ça ? [:itm]

Reply

Marsh Posté le 17-03-2005 à 16:00:10    

skeye a écrit :

[:ban]
 
[edit]
 
Bienvenue dans le web de 1995, quoi...[:dawa]


tu propose quoi ???   [:wonderfullboy7]


---------------
Pas le temps... Ou pas envie de le prendre ?
Reply

Marsh Posté le 17-03-2005 à 16:00:46    

baster_baster a écrit :

tu propose quoi ???   [:wonderfullboy7]


Comme dit, dimensions en pourcentages  [:spamafote]

Reply

Marsh Posté le 17-03-2005 à 16:03:16    

FlorentG a écrit :

Comme dit, dimensions en pourcentages  [:spamafote]


ouais ca ca passe mais faut pas que le gars est une plus grand résolution sinon paye tes pixels !


---------------
Pas le temps... Ou pas envie de le prendre ?
Reply

Marsh Posté le 17-03-2005 à 16:04:00    

baster_baster a écrit :

ouais ca ca passe mais faut pas que le gars est une plus grand résolution sinon paye tes pixels !


Bah si, justement

Reply

Marsh Posté le 17-03-2005 à 16:04:00   

Reply

Marsh Posté le 17-03-2005 à 16:04:29    

baster_baster a écrit :

ouais ca ca passe mais faut pas que le gars est une plus grand résolution sinon paye tes pixels !


 
Toi, tu n'as pas saisi le principe du pourcentage... :heink:


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 17-03-2005 à 16:05:18    

skeye a écrit :

Toi, tu n'as pas saisi le principe du pourcentage... :heink:


si tu le dis... explique ? [:spamafote]


---------------
Pas le temps... Ou pas envie de le prendre ?
Reply

Marsh Posté le 17-03-2005 à 16:06:13    

width='80%'


Message édité par CMk le 17-03-2005 à 16:07:26
Reply

Marsh Posté le 17-03-2005 à 16:07:40    

ok merci pour les reponses donc on peut faire avec des pourcentages apparement tout le monde a l'air d'accord la dessus.
Mais comment faire les pourcentages ? estce que quelqu'un aurait un exemple ou serait ou chercher vu qu'apparement il faut pas utiliser le javascript
 
Merci d'avance pour vos reponses
zittert
 
PS : Pour l'histoire entre les PC , Mac etc d'accord je me suis peut etre mal exprimé mais tous le monde a compris.
 
zittert@hotmail.com

Reply

Marsh Posté le 17-03-2005 à 16:08:37    

Bah en CSS

Reply

Marsh Posté le 17-03-2005 à 16:16:56    

merci
 
" <TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0> "
 
je le met dans head? et cette ligne suffit a permettre a l'ordinateur d'adapter la page web à la resolution de cet ordinateur?
 
merci d'avance
 
zittert
 
 
zittert@hotmail.com

Reply

Marsh Posté le 17-03-2005 à 16:18:27    

ben non dans <body> ! c'est ton tableau !


---------------
Pas le temps... Ou pas envie de le prendre ?
Reply

Marsh Posté le 17-03-2005 à 16:21:23    

PAS DE TABLES PUTAIN !
 
Dans mon post j'ais donné 2 liens, tu vas les voir


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 17-03-2005 à 16:22:09    

Je t'es donné un exemple de l'utilisation des pourcentages, pas comment tu devais l'exploiter. Il suffit que tu fasses pareil pour les éléments (table, frame, formulaire, je ne sais quoi) afin de leur donner une hauteur et une largeur dynamique selon le pourcentage que t'aura mis.
 
exemple :
 
<TABLE width="20%"> blabla</TABLE>
<TABLE width="80%"> blabla2</TABLE>
 
Le premier tableau prends 20% de la place et le 2ieme 80%.

Reply

Marsh Posté le 17-03-2005 à 16:22:30    

merci
 
je vient de tester en le mettant dans body et ca marche tj pas? vous savez d'ou ca peut venir?
 
 
 
merci d'avance
 
zittert
 
 
zittert@hotmail.com

Reply

Marsh Posté le 17-03-2005 à 16:23:45    

CMk a écrit :

<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>


 
1) Pas de table :o
2) Dans l'attribut height, on ne met pas l'unité. Et de toute manière, même en CSS, On n'a pas le droit de donner une height=100% à un tableau

Reply

Marsh Posté le 17-03-2005 à 16:24:41    

CMk a écrit :

Je t'es donné un exemple de l'utilisation des pourcentages, pas comment tu devais l'exploiter. Il suffit que tu fasses pareil pour les éléments (table, frame, formulaire, je ne sais quoi) afin de leur donner une hauteur et une largeur dynamique selon le pourcentage que t'aura mis.
 
exemple :
 
<TABLE width="20%"> blabla</TABLE>
<TABLE width="80%"> blabla2</TABLE>
 
Le premier tableau prends 20% de la place et le 2ieme 80%.


Y'a trois mots qui me choquent dans ton post : table, frame et formulaire  

  • Pas de tables pour la mise en page
  • Pas de frames
  • Pas de style direct à un formulaire


;)

Reply

Marsh Posté le 17-03-2005 à 16:25:24    

CMk a écrit :

Je t'es donné un exemple de l'utilisation des pourcentages, pas comment tu devais l'exploiter. Il suffit que tu fasses pareil pour les éléments (table, frame, formulaire, je ne sais quoi) afin de leur donner une hauteur et une largeur dynamique selon le pourcentage que t'aura mis.
 
exemple :

<TABLE width="20%"> blabla</TABLE>
<TABLE width="80%"> blabla2</TABLE>
 
Le premier tableau prends 20% de la place et le 2ieme 80%.


Mais dégage espèce de tas de merde :fou:  
 
Je sais pas, vas te pendre, ou vas faire des news sur clubic, mais barre toi [:spamafote]


Message édité par masklinn le 17-03-2005 à 16:26:30

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 17-03-2005 à 16:26:18    

florent alors toi tu ferais comment pour que la resolution d'adapte?

Reply

Marsh Posté le 17-03-2005 à 16:26:19    

Putain, le type il veut savoir ou qu'on fout les % et comment ça marche, après il les utilise ou il veut. J'ai mis TABLE parceque c'est le premier truc que j'avais a copier/coller sous la main... Je n'ai jamais dit qu'il fallait qu'il architecture son HTML comme ça C'ETAIT UN EXEMPLE. Bien sur il peut faire des CSS (si il sait faire, ce dont je doute).
 
Par contre, ouais pour le formulaire, je pensais aux éléments à l'intérieur.


Message édité par CMk le 17-03-2005 à 16:51:41
Reply

Marsh Posté le 17-03-2005 à 16:27:15    

zittert a écrit :

vous savez d'ou ca peut venir?


 
de ton code, sûrement :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 17-03-2005 à 16:27:31    

sinon moi par exemple la tu donnes un exemple pour un tableau mais si j'ai un calque je fais cmt? a la place de table je met div??

Reply

Marsh Posté le 17-03-2005 à 16:27:49    

masklinn a écrit :

Mais dégage espèce de tas de merde :fou:  


 
Essaie de rester poli :o


Message édité par antp le 17-03-2005 à 16:27:56

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 17-03-2005 à 16:28:19    

zittert a écrit :

mais si j'ai un calque je fais cmt? a la place de table je met div??


 
bah oui
 
(enfin, les tailles tu les mets dans les styles du div, pas directement avec des attributs width/height)


Message édité par antp le 17-03-2005 à 16:28:45

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 17-03-2005 à 16:28:25    

zittert a écrit :

florent alors toi tu ferais comment pour que la resolution d'adapte?


 :heink:  
 
J'ai donné des liens, tu vas les lire [:itm]  

CMk a écrit :

Putain, le type il veut savoir ou qu'on fout les % et comment ça marche, après il les utilise ou il veut. J'ai mis TABLE parceque c'est le premier truc que j'avais a copier/coller sous la main...


 [:masklinn]  [:aloy]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 17-03-2005 à 16:31:16    

bon ok mais je suis pas un pro de prog moi quand j'eesaye avec les div ca marche pas! estce que quelqun peut me passer un exemple avec un div ou meme une page deja faite pour que je vois cmt ca marche
 
merci d'avance

Reply

Marsh Posté le 17-03-2005 à 16:31:41    

masklinn a écrit :

Mais dégage espèce de tas de merde :fou:  
 
Je sais pas, vas te pendre, ou vas faire des news sur clubic, mais barre toi [:spamafote]


 
Kikoo copain, bon je vais t'expliquer un truc. Tu vois tu peux me dire gentillement que je dit n'imp ce qui est largement possible vu que du HTML j'en ai fait pour la dernière ya facilement 2 ans.  
Après si tu veux aider quelqu'un, tu peux poster des liens avec un exemple , au lieu de refiler un truc inexploitable pour quelqu'un qui n'est pas aussi "bon" que toi...


Message édité par CMk le 17-03-2005 à 16:34:34
Reply

Marsh Posté le 17-03-2005 à 16:36:47    

zittert a écrit :

florent alors toi tu ferais comment pour que la resolution d'adapte?


Déjà, en général, on s'en fout de la hauteur. Le type de média "screen" est adapté à l'écran, donc avec un méchanisme de scroll pour afficher une page trop grande. Donc suffit d'avoir la largeur des choses en pourcentages :) Exemple :

Code :
  1. [...]
  2.   <body>
  3.     <div id="header"><h1>Titre du Site</div>
  4.     <ul id="menu">
  5.       <li>Menu 1</li>
  6.       <li>Menu 2</li>
  7.     </ul>
  8.     <div id="contenu">
  9.       <p>Lorem ipsum dolor...</p>
  10.       <p>Pouet</p>
  11.     </div>
  12.   </body>
  13. [...]


Et le CSS aura cette gueule :

Code :
  1. #header {
  2.   width: 100%;
  3. }
  4. #menu {
  5.   width: 30%;
  6.   float: left;
  7. }
  8. #contenu {
  9.   width: 69%;
  10.   margin-left: 30%;
  11. }

Reply

Marsh Posté le 17-03-2005 à 16:38:41    

a merci enfin un truc que je vais pouvoir exploiter  
mais le CSS je le met ou?
 
merci d'avance
 
zittert

Reply

Marsh Posté le 17-03-2005 à 16:39:45    

Dans un fichier CSS [:itm]
 

Code :
  1. [...]
  2. <head>
  3.   [...]
  4.   <link rel="stylesheet" media="screen" type="text/css" href="pouet.css" />


Et dans le fichier pouet.css, tu met tout le truc

Reply

Marsh Posté le 17-03-2005 à 16:40:39    

masklinn a écrit :

Mais dégage espèce de tas de merde :fou:  
 
Je sais pas, vas te pendre, ou vas faire des news sur clubic, mais barre toi [:spamafote]


 :ouch:

Reply

Marsh Posté le 17-03-2005 à 16:41:17    

un fichier CSS que je met avec le reste des pages sur le serveur?
 
et comment je le fais le fichier CSS?
 
merci d'avance
 
zittert

Reply

Marsh Posté le 17-03-2005 à 16:47:05    

Avec le bloc-note ;)

Reply

Marsh Posté le 17-03-2005 à 16:47:21    

Enfin quand on surf avec un écran 1600*1200 sur un 22 pouce c'est pas agréable d'avoir un site qui affiche tout en gros sous prétexte que le site doit s'afficher pareil que sur un écran 800*600.
 
HTML c'est pour décrire la structure d'un document de manière le plus générique possible. Regarde HFR, le site est bien dans toutes les résolutions...

Reply

Marsh Posté le 17-03-2005 à 16:51:39    

avec le bloc note? mais ca va pas me faire un .CSS je le fais en .txt?

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed