Problème de CSS non accessible

Kreestal · 9 Février 2005

Bonsoir!

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:

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:

<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: 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:

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

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

k.

**Dan** · 10 Février 2005

Bonjour Kreestal,

Manifestement ton problème n'inspire pas grand monde

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 · 10 Février 2005

En 800*600, avec Firefox, la condition suivante est bien verifiee :

// Debut 800*600
else if (screen.width <= 800) {

fichier = 'http://www.lalunemauve.org/styleb.css';

}

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** · 10 Février 2005

En 800*600, avec Firefox, la condition suivante est bien verifiee :

Sauf si JavaScript est désactivé

Kreestal · 10 Février 2005

Bonjour Kreestal,

Manifestement ton problème n'inspire pas grand monde

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

<{POST_SNAPBACK}>

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?

En 800*600, avec Firefox, la condition suivante est bien verifiee :

Par contre, autant de javascripts 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)

<{POST_SNAPBACK}>

Salut Dash! Ah oui, avec Firefox ça fonctionne? Chez moi non :huh:

Pour les javascripts, tu as sûrement raison... :blush: 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?

Anaon · 10 Février 2005

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

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

Kreestal · 10 Février 2005

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

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

<{POST_SNAPBACK}>

Merci... :blush: Mais es-tu vraiment objectif?

Anaon · 10 Février 2005

Et bien... Plus d'iframe, moins de script, meilleure mise en page css, pas ou peu de tableaux... etc etc

C'est objectif non?

Dash · 10 Février 2005

Quelle autre solution me suggesterais-tu pour empêcher ce pillage sans interdire le clic droit?

<{POST_SNAPBACK}>

Je suggererais de lire ce qui a deja ete publie a ce sujet

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

...

Modifié 10 Février 2005 par Dash

**Dan** · 10 Février 2005

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 · 10 Février 2005

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:

Connexion

Problème de CSS non accessible

Sujets conseillés

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter

Contenu similaire