Page web pour toutes résolutions d'écrans. Fermé

Question

Bonsoir à tous !

Je travaille avec Dreamwearver.
Avant j'avais un écran PC réglé à 1024 x 728 de résolution.

J'ai acheté une nouvelle machine, qui est, elle, est réglée à 1600x900 de résolution.

Hors, lorsque j'ouvre ma page web sur le net (crée à 1024x728), elle ne remplit, effectivement, pas toute la page !

Je me demandais par quel réglage, script ou autre, mes pages webs pourraient s'afficher, automatiquement, en fonction de la résolution d'écran de chacun. 

Suis- je assez compréhensible ?

Je vous remercie tous par avance ;) !

Crazybabe : "Or the passion, inexhaustible source...".

Templier Nocturne · Accepted Answer

modifie le CSS pour transformer les valeurs en px par des valeurs en %

Aktayen · Answer

Soit tu fais une feuille de style pour chaque résolution (très chiant).
Soit tu fais un site extensible.

crazybabe · Answer

Bonsoir Templier Nocturne, bonsoir Aktayen !!

Merci beaucoup de vous êtres arrêtés sur ma question !

Alors Templier Nocture, ok pour transformer les valeurs en px par des valeurs en %, mais par où je peux accéder à ce changement et comment je peux changer ces valeurs ? Dans le code de mes pages ?

Aktayen : soyons franche, je n'ai jamais fait de feuille de style, je pense savoir à quoi ça sert, et quels réglages cela permet de répéter sur chacune de ses pages... Et qu'appelles-tu chaque résolution ? Car avec tous les nouveau écrans qui sont sur le marché... J'ai pour exemple, sur le mien comme propositions de résolution pour mon écran: 

-   800 x 600
- 1024 x 768
- 1152 x 864
- 1280 x 600
- 1280 x 720
- 1280 x 768
- 1280 x 800
- 1360 x 768
- 1366 x 768
- 1440 x 900
- 1600 x 900

Tu peux m'en dire davantage !?

Et qu'appelles-tu un site extensible ? Avec quoi puis-je le faire (logiciel) ; est-ce qu'avec Dream, c'est possible ? De quoi ai-je besoin pour pouvoir le faire ?

Merci à vous deux !

J'attends vos précieuses réponses... 
Car la richesse est bien là où se propage le partage !!


Crazybabe : "Or the passion, inexhaustible source...".
--

Templier Nocturne · Answer

pour modifier les valeurs de px  %, il te faut accéder à ton code CSS, celui ci se situe sur dans la page, soit dans un fichier à part

par exemple, si tu as un truc de ce genre : 

.infoBar ul.inv {
margin-left:777px;
cursor:help;
width:170px;
overflow:hidden;
}

tu peux remplacer par :

.infoBar ul.inv {
margin-left:50%;
cursor:help;
width:20%;
overflow:hidden;
}

crazybabe · Answer

Bonsoir Templier Nocturne !

Je te remercie pour ton aide !

Il faut que j'aille voir ça de plus près ; trouver exactement ce que tu m'indiques là pour essayer !

Je reviendrais te dire ce qu'il en est.

Merci encore, à plus tard.


Crazybabe : "Or the passion, inexhaustible source...".

crazybabe · Answer

Salut Templier Nocturne ! OK, j'ai commencé à me pencher sur ce qu'est cette fameuse feuille de style ! J'ai également compris qu'on peut faire une feuille de Style CSS seule qu'on insère, au choix, dans chaque page désirée ou recréer le code Style CSS, directement dans nos pages et le changer en fonction de ce qu'on désire. J'ai repéré la fenêtre où est géré le Style CSS dans Dream, je trouve que c'est vraiment bien fait d'ailleurs ! Il me reste, par contre, encore beaucoup à apprendre. Comme les correspondances du code (ex : body,td,th ; voir ex ci-dessous) et les valeurs qui leur sont attribuées !!! Que signifie ?: body,td,th { color: #FFFFFF; } Je ne sais ni à quoi correspond td ni th... Donc hormis, le choix de la couleur pour body, je ne sais pas à quoi d'autre sera attribué la couleur !! Bon, je reviens au sujet du problème : Tu cites : par exemple, si tu as un truc de ce genre : .infoBar ul.inv { margin-left:777px; cursor:help; width:170px; overflow:hidden; } tu peux remplacer par : .infoBar ul.inv { margin-left:50%; cursor:help; width:20%; overflow:hidden; } Alors non, je n'ai pas trouvé ce paragraphe dans le code Style CSS de ma page !! Dois-je l'insérer ? D'ailleurs, je ne comprends pas comment tu as fait pour passer de 777 px à 50% et 170 px à 20% !? Un calcul spécifique ? Afin que tu puisses m'aider davantage, je vais te coller le code CSS de ma page. Le voici : Voilà, un bien grand message ; j'espère avoir pu te donner le maximum d'infos, afin que tu puisses, au mieux, cibler ma question et mes incompréhensions. Je te remercie terriblement à l'avance :) !!! Crazybabe : "Or the passion, inexhaustible source..."

crazybabe · Answer

Bonsoir (re - re - re ) !!!

J'ai réussit à trouver la solution à mon problème, c'est génial !

Je n'ai plus qu'à bosser...

Je repasse demain pour poster ma solution, et marquer le message comme résolu !

Merci à vous deux, vraiment.


Crazybabe : "Or the passion, inexhaustible source...".

Templier Nocturne · Answer

bon ben je me penche pas sur ton CSS alors ;)

si besoin fait signe ;)

crazybabe · Answer

Salut Templier Nocturne ! Oh si si :| tu peux, sans problème :) ! Mais en fait, depuis il a donc changé !! J'ai donc réussit à garder la même page selon différentes résolutions ; mais maintenant, c'est mon texte introduit avec Dream qui me prend la tête !! Je ne comprends pas pourquoi mon calque (Layer) 2, ne s'affiche pas normalement sur le côté Création de Dream, mais correctement sur la page web. Mais aussi, pourquoi lorsque je trace un calque, sa position, sa visibilité ne s'affiche pas toujours correctement, pareillement sur le côté Création de Dream. Comprends pas !!! Tu peux jeter un oeil à mon code, stp !? Le voici : L'Art du complot Spirituel

L'Art du Complot Spirituel

------------------------------------- C'est clair que je change un peu de sujet, mais comme je l'avais dit, je posterai la solution trouvée à mon problème, mais dans un post ici même, uniquement fait pour ça. Si tu as quelques explications pour moi, je suis preneuse. Je te remercie Templier Nocturne d'être présent et de volontairement donner un peu de toi. Crazybabe : "Or the passion, inexhaustible source...".