> Tous les forumsForum des Webmasters

 Skin css
Statut du sujet : NON RESOLU Imprimer
 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!
 Afficher le profil de fleuretta Envoyer un message privé à fleuretta
 
 
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
Afficher le profil de fleuretta Voir la configuration de fleurettaEnvoyer un message privé à fleuretta
  Revenir en haut de la page
 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]
Afficher le profil de fleuretta Voir la configuration de fleurettaEnvoyer un message privé à fleuretta
  Revenir en haut de la page
 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 ?
Afficher le profil de cebe Voir la configuration de cebeEnvoyer un message privé à cebe
 Revenir en haut de la page
 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!
Afficher le profil de fleuretta Voir la configuration de fleurettaEnvoyer un message privé à fleuretta
  Revenir en haut de la 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
Afficher le profil de fleuretta Voir la configuration de fleurettaEnvoyer un message privé à fleuretta
  Revenir en haut de la page
Haut de la page 
Inscrivez-vous !
- Posez vos questions

- Résolvez vos problèmes

- Aidez les autres

- Participez et créez vos discussions

- Dialoguez en privé avec d'autres membres

- Suivez vos sujets préférés

- Affichez les signatures des membres

TOUT EST GRATUIT !

Je crée mon compte



Vous avez besoin d'aide ?
Des centaines d'experts sont à votre disposition sur les forums PC Astuces pour vous aider gratuitement, 24h/24, 7j/7.

Les derniers sujets résolus !
 

 > Tous les forumsForum des Webmasters

 
Forum PC Astuces© 1997-2008 WebastucesAller en haut de la page