Version complète: sur le forum Webmaster Hub : Problème de CSS non accessible
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net
Kreestal
Bonsoir! smile.gif

Mon pseudonyme est Kreestal et je suis la webmastrice du site La Lune Mauve.org. Par pitié, n'allez pas sur mon site tant que vous n'avez pas lu mon message: je risquerais de mourir de honte. blush.gif

Je pensais avoir rendu mon site 'accessible' (je ne sais pas si c'est le bon terme) pour les visiteurs ayant une résolution de 800x600 en utilisant un javascript de redirection de CSS, le voici:

CODE
<script LANGUAGE="JavaScript" type="text/javascript">
<!--
// Debut 640*480
if (screen.width <= 640) {
fichier = 'http://www.lalunemauve.org/styleb.css';
}
// Fin 640*480

// Debut 800*600
else if (screen.width <= 800) {
fichier = 'http://www.lalunemauve.org/styleb.css';
}
// Fin 800*600

// Debut 1024*768
else if (screen.width <= 1024) {
fichier = 'http://www.lalunemauve.org/style.css';
}
// Fin 1024*768

// Debut plus 1024
if (screen.width > 1024) {
fichier = 'http://www.lalunemauve.org/style.css';
}
// Fin plus 1024
document.write('<LINK HREF="'+ fichier + '" REL="stylesheet" TYPE="text/css">');
//-->
</script>


Ce javascript est placé dans l'include "scripts.txt", placé dans le <head> de la page "astre.php". En affichant la source de la page "astre.php", on le voit d'ailleurs s'afficher correctement. Par contre, en affichage normal, quand je bascule en résolution 800x600, dans Mozilla Firefox 1.0, la page ne s'affiche pas telle qu'elle devrait s'affiche selon ma CSS spécialement conçue pour la résolution 800x600.

Note: je suis en pleine mise à jour de mon site, donc il est normal que presque tout déconne... blush.gif Par exemple, j'ai conscience que la CSS "styleb.css", destinée à la résolution 800x600, soit erronnée en pleins d'endroits, vu que je n'ai modifié pour le moment que les divs "conteneur_astre" et "frame_astre" spécialement pour tester ce javascript de redirection sur la page "astre.php"

Je voudrais donc savoir comment faire pour que dans Mozilla, Netscape et autres navigateurs que IE, la page "astre.php" (et plus tard toutes les autres pages, quand j'aurais fini de mettre le site à jour correctement) s'affiche avec la css 'styleb.css" conçue pour la résolution 800x600 (la css "style.css" étant la css destinée aux résolutions 1024x768 et plus). D'autant plus que dans IE cela semble fonctionner... blink.gif

En résumé: à l'aide! huh.gif

D'avance merci beaucoup pour toute suggestion me permettant peut-être de résoudre ce problème...


k.
Dan
Bonjour Kreestal,

Manifestement ton problème n'inspire pas grand monde sad.gif

Je ferais une remarque: dans le cas où JavaScript n'est pas interprété, ta page n'aura pas de feulle de style.

Tu devrais donc mettre la feuille de style "standard" par défaut, avant l'appel à ton JavaScript. Au moins tu aurais quelque chose, non ?

Dan
Dash
En 800*600, avec Firefox, la condition suivante est bien verifiee :
CITATION
// Debut 800*600
else if (screen.width <= 800) {
fichier = 'http://www.lalunemauve.org/styleb.css';
}


smile.gif

Par contre, autant de javascripts :nono: je doute que ca soit utile et en faveur d'une quelconque accessiblilite (mauvaise idee de desactiver le bouton droit, ca empeche d'utiliser rapidement l'extension WebDevelopper de Firefox)
Dan
CITATION(Dash @ jeudi 10 février 2005, 14h55)
En 800*600, avec Firefox, la condition suivante est bien verifiee :
smile.gif
*

Sauf si JavaScript est désactivé wink.gif
Kreestal
CITATION(Dan @ jeudi 10 février 2005, 15h46)
Bonjour Kreestal,

Manifestement ton problème n'inspire pas grand monde sad.gif

Je ferais une remarque: dans le cas où JavaScript n'est pas interprété, ta page n'aura pas de feulle de style.

Tu devrais donc mettre la feuille de style "standard" par défaut, avant l'appel à ton JavaScript. Au moins tu aurais quelque chose, non ?

Dan
*


Bonjour Dan! Merci pour ta réponse! Oui tu as raison, faudrait que je définisse une css par défaut... mais c'est là où le bât blesse en fait, vu que ma css par défaut est conçue pour du 1024x768 ou supérieur. Que dois-je faire? L'insérer quand même sur chaque page, puis insérer l'include de javascript?




CITATION(Dash @ jeudi 10 février 2005, 15h55)
En 800*600, avec Firefox, la condition suivante est bien verifiee :
smile.gif

Par contre, autant de javascripts :nono:  je doute que ca soit utile et en faveur d'une quelconque accessiblilite (mauvaise idee de desactiver le bouton droit, ca empeche d'utiliser rapidement l'extension WebDevelopper de Firefox)
*



Salut Dash! Ah oui, avec Firefox ça fonctionne? Chez moi non huh.gif
Pour les javascripts, tu as sûrement raison... blush.gif L'anti clic droit c'est surtout pour protéger mes textes et mes images... Car on pille régulièrement mon travail. Quelle autre solution me suggesterais-tu pour empêcher ce pillage sans interdire le clic droit? smile.gif
Anaon
Bonjour tout le monde,

J'ai pas trop de solution mais pour connaître le site depuis un moment, je trouve qu'il y a déjà eu un sacré travail pour le rendre plus accessible, franchement bravo wink.gif

Même si tout n'est pas encore parfait, ça demande du temps, ça viendra wink.gif
Kreestal
CITATION(Anaon @ jeudi 10 février 2005, 17h24)
Bonjour tout le monde,

J'ai pas trop de solution mais pour connaître le site depuis un moment, je trouve qu'il y a déjà eu un sacré travail pour le rendre plus accessible, franchement bravo wink.gif

Même si tout n'est pas encore parfait, ça demande du temps, ça viendra wink.gif
*



Merci... blush.gif Mais es-tu vraiment objectif? wink.gif
Anaon
Et bien... Plus d'iframe, moins de script, meilleure mise en page css, pas ou peu de tableaux... etc etc

C'est objectif non? wink.gif
Dash
CITATION(Kreestal @ jeudi 10 février 2005, 16h20)
Quelle autre solution me suggesterais-tu pour empêcher ce pillage sans interdire le clic droit? smile.gif
*


Je suggererais de lire ce qui a deja ete publie a ce sujet smile.gif
http://www.webmaster-hub.com/index.php?showtopic=6021
http://www.webmaster-hub.com/publication/article6.html
http://www.webmaster-hub.com/index.php?showtopic=5209
http://www.webmaster-hub.com/index.php?showtopic=5506
http://www.webmaster-hub.com/index.php?showtopic=1146
...
Dan
Kreestal,

Tu as peut-être JavaScript désactivé sous Firefox.

Vas dans "outils->options->fonctionnalités Web" et assures-toi que la case "Activer JavaScript" est cochée.

Dan
Kreestal
Merci pour les liens précieux, en effet j'y ai appris quelque chose de positif!
Quant au javascript, si, il est activé, c'est bien ça qui me chiffonne... angry.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.