|
| fleuretta | Posté le 03/11/2005 @ 01:02 |
Astucienne
2548 Messages
| Bonjour à tous!
Comme je suis un peu lasse de savoir que certaines personnes regardent mon site en 800 x 600 et croit que le site est réellement ainsi ( il apparait tout croche) je crois avoir trouvé la solution à mon problème.
Le problème provient du fait que le livre n'est pas assez large donc les écritures et les images ne vont pas toujours au bon endroit.
En faisant un skin pour le 800 en créant une css en conséquence je crois bien que ça va fonctionner correctement. J'ai fait un test ce matin avec ma page du menu principal et ça marche.
Vous pouvez voir un tout premier résultat ici: http://www.chezfrances.com/page1test.htm
Pour savoir quoi faire je suis ce tuto:
http://batraciens.net/css-astuces/skins-changement.htm
En 1024 ma page index.htm a une page index.css et lorsque l'on click c'est la flo1.css qui entre en ligne de compte pour le reste du livre.
J'ai essayé ce matin de concentrer les informations de ma page index.htm afin que l'affichage soit pratiquement identique en 800 et en 1024. Je n'y arrive pas. J'ai un ascenceur horizontale ce que j'aimerais éviter.
Dans le tuto il est bien écrit de ne pas appeler une page par le lien. C'est seulement le nouveau skin qui est rappelé. Cependant moi j'avais une css pour l'index.htm et une css pour tout le contenu et une autre css pour voir les images en plus grand. Comme je ne peux rappeler qu'une css pour l'affichage en 800 comment puis-je organiser mes affaires?
Autre chose , comme il y aura un lien visible sur la page index , comment je peux travailler avec ce lien invisible pour le moment. Je veux mettre le lien visible seulement une fois le tout terminé.
Mes lignes de textes dans le head que je vais insérer sera ainsi:
<link rel="alternate stylesheet" href="flo8.css" type="text/css" title="css 800 x 600">
<link rel="alternate stylesheet" href="floFF.css" type="text/css" title="css pour FF">
<script type="text/javascript" src="styleswitcher.js"></script>
<style type="text/css">
Dans le body se sera seulement un lien texte
<p style="margin-left: 200px;">Conception du design réalisée par FranceS. Site optimisé en 1024 sous <a href="http://www.pcastuces.com/logitheque/ie6.htm" target="_blank" alt="Cliquez ici pour télécharger Internet Explorer" title="Cliquez ici pour télécharger Internet Explorer"><u>IE.</u></a> Pour résolution <a href="#" onclick="setActiveStyleSheet("css 800 x 600"); return false;">Activer la skin "Alternative"</a>800x600. Sous Firefox il y a encore quelques problèmes.<img src="/cgi-sys/counter/hit.pl?user=chezfran&id=mycounter" style="vertical-align:middle; margin-left:10px; font:Comic Sans MS;" NOSAVE>visiteurs</a></p>
Je ne sais pas comment faire vraiment car le " Activer la skin "Alternative" " m'embête. Il sort du menu fait dans la css ou quoi?
Moi je voulais le mettre en lien texte. Afin de donner une meilleure explication aux gens je pensais mettre une belle infobulle sur la page du livre.
Si vous avez des réponses, des conseils ou des suggestions ... je suis preneuse!
Oups j'ai oublié une affaire! J'ai lu à quelque part mais je ne retrouve plus l'information. Il parait que l'on peut "geler" la grosseur d'écriture du site. C'est à dire si je mets ma grosseur d'écriture sur mon ordi à petite ou grande au lieu de moyenne cela change ne changera pas l'aspect du livre.
Vous connaissez cette fonction?
Merci beaucoup!
|
| |
| |
| Publicité |
|
|
| fleuretta | Posté le 03/11/2005 à 23:58 |
Astucienne
2548 Messages
| Bonjour à tous!
Quelqu'un peut me dire où je dois mettre le scipt dans mon site. A la racine du site ou quoi?
Moi je l'ai mis à la racine du site cependant je ne le retrouve pas sur mon serveur.
Quelqu'un peut m'expliquer?
Merci |
| |
|
| fleuretta | Posté le 05/11/2005 à 14:44 |
Astucienne
2548 Messages
| Bonjour à tous![hello]
J'ai continué à faire des recherches afin d'essayer de bien comprendre le fonctionnement cependant je n'ai pas encore trouvé mon histoire de javascript que je ne retrouve pas sur mon serveur.
Cependant j'ai trouvé différentes méthodes pour le faire.
http://www.alistapart.com/articles/bodyswitchers/
http://www.alistapart.com/articles/phpswitch/
http://openweb.eu.org/articles/presentations_alternatives/
Pour le moment je l'ai fait selon la toute première méthode avec le javascript et ça ne fonctionne pas.[triste]
J'aimerais beaucoup donné la possibilité aux gens qui sont en 800 de voir mon site correctement et je sais que cela peut se faire mais j'ai besoin d'aide car là je ne m'y retrouve plus.
J'espère que quelqu'un d'entre vous pourra m'aider.
Merci encore[fleur] |
| |
|
| cebe | Posté le 06/11/2005 à 22:30 |
Petit astucien
361 Messages
| Bonjour Fleuretta,
Je viens de tester ta page test : http://www.chezfrances.com/page1test.htm.
Je l'ai ouverte avec MYie dans une petite fenêtre : la page de droite présente bien le texte prévu sauf lorsque je diminue la largeur de la fenêtre (environ 600 ?). Lorsque je l'étire en largeur, j'ai pu obtenir une page sur un écran (plat 1024x768) 15" et l'autre page sur un autre écran 15" (non plat et en 800x600): c'est fabuleux, le texte reste bien dans le dessin de la page, laquelle en s'élargissant devient moins haute, comme le texte...
Je pense que tu as là atteint la perfection : bravo !
Bonne continuation.
PS :
Quelle déception ! Si avec Firefox tout est normal, par contre avec Opera (V8.5) et Mozilla, aucun livre ni texte n'apparaissent ! Sont-ce ces navigateurs que j'aurais mal programmés ?
|
| |
|
| fleuretta | Posté le 06/11/2005 à 23:19 |
Astucienne
2548 Messages
| cebe a écrit :
Bonjour Fleuretta,
Je viens de tester ta page test : http://www.chezfrances.com/page1test.htm.
Je l'ai ouverte avec MYie dans une petite fenêtre : la page de droite présente bien le texte prévu sauf lorsque je diminue la largeur de la fenêtre (environ 600 ?). Lorsque je l'étire en largeur, j'ai pu obtenir une page sur un écran (plat 1024x768) 15" et l'autre page sur un autre écran 15" (non plat et en 800x600): c'est fabuleux, le texte reste bien dans le dessin de la page, laquelle en s'élargissant devient moins haute, comme le texte...
Je pense que tu as là atteint la perfection : bravo !
Bonne continuation.
PS :
Quelle déception ! Si avec Firefox tout est normal, par contre avec Opera (V8.5) et Mozilla, aucun livre ni texte n'apparaissent ! Sont-ce ces navigateurs que j'aurais mal programmés ?
Bonjour cebe![hello]
J'ai plus ou moins compris ce que tu as fait mais pour moi la "page test" est pour être vu en 800 x 600 que j'ai testé sur mon ordi qui est un portable de résolution 1024. J'ai mis ma résolution en 800 et configuré la css en conséquence. Pour la vrai page elle reste comme à l'habitude avec sa css d'origine que tu peux voir sur mon site. En 800 x 600 cela te donne un ascenceur vertical j'imagine mais aucun ascenceur en 1024 comme présentement. C'est bien ça que tu vois?
Enfin pour mettre ça en place et faire fonctionner cette nouvelle css j'attends toujours un petit coup de pouce![clindoeil]
Concernant Opéra et Mozilla je n'ai aucune idée pourquoi il n'y a pas d'affichage![confus] Moi non plus j'en ai pas![triste]
Merci d'avoir testé ma page! |
| |
|
| fleuretta | Posté le 08/11/2005 à 16:36 |
Astucienne
2548 Messages
| Bonjour à tous![hello]
Je ne lâche pas le morceau en ce qui concerne d'offrir mon site en 800 et je vais y arriver.[approuve][smile]
Si vous allez sur ma page d'accueil du site et que vous regardez attentivement un peu avant la ligne de texte en bas vous allez voir une virgule et un point. La virgule est pour mettre le site en 1024 ou pour y retourner. Le point est pour voir le site en 800. C'est en attendant de mettre tout en place.
Si vous restez en 1024 mais que vous cliquez pour le 800 (le point) vous allez voir que tout reste en place sauf mon écriture qui descend un peu et qui amène un ascenceur vertical... et, je ne sais pas pourquoi, malgré l'espace qu'il y a chaque côté même en regardant en 800 il apparait également un ascenceur horizontal. Et si tout en étant en 800 mais avec votre écran en 1024 vous cliquer sur le livre vous aller voir ma page de mot de bienvenue. Le livre prend le maximum d'espace et je n'ai pas d'ascenceur horizontale même avec un écran en 800.
Vous avez une petite idée pour m'aider à régler ça?
Merci et bonne journée![fleur]
Modifié par fleuretta le 08/11/2005 16:50 |
| |
|
|
| Haut de la page |