Www.josfolio.com à moi de vous solliciter

(reprise du message précédent)

Ah c'est ça ton menu ?
Parce que moi j'ai rien de tout cela, j'obtiens une liste à un seul item avec ton acccueil sans équivalent textuel. Les autres items sont complètement masqués et je ne les vois pas.
J'ai juste : aller au menu, aller au contenu, accessibilité, ce lien accueil sans équivalent texte... et ensuite : Vous êtes ici.

Vire-moi ces span hidden parce que c'est pas accessible. C'est une GROSSE erreur de conception.

Salut Johanna

pour cacher le texte des liens de manière accessible pour les lecteurs d'écran, le mieux dans ton cas serait :

css

.hidden {
position:absolute;
clip:rect(1px 1px 1px 1px);
clip:rect(1px, 1px, 1px, 1px);
}

Tu pourrais aussi te passer des span en stylant les liens concernés ainsi

a.hidden {
text-indent:-10000px;/*valeur négative*/
}

ou pour assurer le coup avec des versions anciennes d'IE.

a.hidden {
width:valeur;
text-indent:10000px;/*valeur positive*/
overflow:hidden;
}

Mais il restera de toutes façons un problème dans un cas : l'utilisateur refuse les images mais interprète ta feuille de style.

à cela une seule solution, mettre les liens images en dur dans le document avec des textes alternatifs.

Salut Joh,

Pas fait de tests multiples sous Mac hier soir mais juste sous safari.
Toutes les pages ne sont pas identiques au niveau de la position du menu.

Je viens de tester sous FF1.0.6 W98 écran 600*800 et là, c'est OK !
Bizarre ...

Tjrs sous W98 écran 600*800 mais sous IE5.5, j'ai le menu décalé vers le bas.


@+

(Si on se croise dans la soirée ; demandes-moi de tester sur le Mac avec Safari/Camino/Nescape/FF/IE)

Ok merci bcp pour le test, il va falloir que je remédie à cela.

QuentinC, je vois que j'ai fait une erreur de conception et je vais remédier à cela très très vite grâce aux conseils de clb !

Pour les tests sous mac, j'ai un peu peur je dois dire...
Je testerai déjà sous IE5 et 5.5...
Modifié par johanna33 (24 Sep 2005 - 11:12)

johanna33 a écrit :
Ok merci bcp pour le test, il va falloir que je remédie à cela.

(...)

Pour les tests sous mac, j'ai un peu peur je dois dire...
Je testerai déjà sous IE5 et 5.5...

Test sous Mac :
Camino = OK
FireFox 1.0.6 = décalage
Opera = décalage
Safari = décalage
IEMac = OK
Modifié par dieteticien (24 Sep 2005 - 15:23)

C'est tant mieux si mon site marche sous IE Mac !!
Je n'y aurai pas cru.

Je vais regarder demain pour le décalage.
Si ça le fait sous IE 5, j'aurai de quoi tester.

Quentin ? Est-ce que le pb du menu est ok ?

Lien : http://s.ojjo.free.fr

Yo Joh !

Sur Windows avec FF1.0.6 en écran 600*800 mais avec la barre de menu à droite, ça fait un écran un peu plus petit et ...
... Le lien "liens" passe à la ligne



@+

Maintenant dans le menu j'ai :

Accueil alt+1
Portfolio
Profil
Contact
Liens

All is ok ?

All is ok !
Merci Quentin !

Je cours testé mon site sous toutes les résolutions diététicien.
Ah oui... mais mon site est optimisé 800*600 mais pas 800*600 avec une barre de menu... sinon je m'en sors plus !

Sinon il y a toujouts les décalages dont tu me parlais ?
Modifié par johanna33 (27 Sep 2005 - 10:39)

johanna33 a écrit :
Sinon il y a toujouts les décalages dont tu me parlais ?

En effet !
Sous safari, les tailles changent.
je ne sais pas comment te le décrire.
Sur les pages "portfolio" et "profil" sont plus courtes

Edit :
En fait, c'est tout simple ... Les pages changent de taille à cause du scroll verticale
Si je redimensionne mes pages pour avoir un ascenseur verticale sur toutes les pages, les dimensions ne changent pas.
Conclusion ?
Ne t'embêtes pas ; ça vient de safari qui redimensionne en fonction de la largeur totale de sa page
(je suis clair ?)
Modifié par dieteticien (27 Sep 2005 - 22:53)

Oui tu es très clair, FF fait exactement la même chose.
La barre de scroll se rajoute lorsqu'il y en a besoin, alors que dans IE par exemple, elle est tjs présente et grisée si elle est inutile.

Plus de menu qui passe en dessous ?

Il marche sous MAC alors ? Alleluya !