28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaite utiliser la propriété text-indent dans mon menu sur le site suivant :
http://pleanala2.xmlw.ie/

En effet, je veux laisser le texte pour une question d'accessibilité mais je souhaite qu'il n'apparaisse pas. Donc je souhaite utiliser la propriété text-indent avec une valeur -5000px.
Le probleme c'est que ca ne fonctionne pas. Si je met une valeur a 5000px (positive), cela marche mais sauf sur ie6 qui me met un enorme décalage :
upload/12782-image.JPG

Donc je ne sais plus quoi faire... Y a t-il un probleme dans mon CSS ?
Quelqu'un a deja eu ce probleme ?

Merci beaucoup
Salut,

pourquoi tu n'as pas fait tes liens en texte à la base ? C'est facilement jouable pour un menu de ce type là, et ça évite ce genre de soucis !
a écrit :
Car je dois utiliser une police particuliere qui n'est pas forcement sur chaque machine...


Vu le coté courant de la police à utiliser, je pense que c'est bien dommage de se priver d'une version full text...Arial, Verdana ressemblepas mal à cette typo, offrant de surcroit des possibilités supplémentaires (redimensionnement possible, etc)
ca me vire mon menu... arf, je craque !
Non mais sérieux je ne comprends pas...Pourquoi quand je net un text-indent:-5000px rien ne bouge ! Ca devrait quand meme faire quelque chose, non?
Bonjour,

Au risque de répéter toujours et encore la même chose, la méthode la plus accessible consiste à éviter de se baser sur CSS pour ce genre d'effets, mais à utiliser de vraies images. Ici, on a une image qui transmet une information. Mettre l'image en image de fond, c'est courir le risque qu'elle soit considérée comme facultative (et donc virée ou non affichée pour tout un tas de raisons), et qu'on se retrouve sans rien:
- image non affichée;
- texte caché (car la propriété CSS utilisée s'appliquera toujours).

Donc, pour une accessibilité «optimale»:
<img alt="Intitulé" src="..." />

C'est vraiment pas méchant. Smiley cligne

Pour d'hypothétiques effets de survol, voir du côté de Javascript (que non, c'est pas le mal). Smiley smile
thomus38 a écrit :
Ca devrait quand meme faire quelque chose, non?

Hmm... oui, je crois que ça devrait. À voir ensuite si ça peut prendre pour des éléments en float ou en display: inline.

Par contre, je serais toi, je commencerais par valider le code HTML et CSS de ma page. Tu dois avoir, quoi, quatre ou cinq Doctypes qui se baladent dans le code? Smiley rolleyes
Et penses à utiliser un doctype complet (avec URL de la DTD) de préférence.
C'est exact...
Je voyais plutot l'accessibilité aux niveaux des personnes handicapées qui n'on t (maleureusement) pas de styles a visualiser.
Modifié par thomus38 (12 Jul 2007 - 17:15)
thomus38 a écrit :
Je voyais plutot l'accessibilité aux niveaux des personnes handicapées qui n'on t (maleureusement) pas de styles a visualiser.

C'est hélas une vision trop limitée de l'accessibilité pour être efficace. En gros, j'ai l'impression que tu as réfléchi en pensant à deux modes d'accès au contenu:
1. «standard», via un navigateur graphique, par un utilisateur qui a des yeux pour lire, une souris pour cliquer, etc.;
2. «sans mise en forme graphique» (lecteur d'écran, navigateur en mode texte, lecteur d'écran).

Le problème, c'est que si l'on prend en compte deux cas, on en laisse quinze de côté. C'est déjà un bel effort, mais peut mieux faire. Smiley cligne

(Je ne développe pas, mais précisons juste que l'accessibilité des sites web ne consiste pas à adapter un site pour prendre en compte dix ou quinze ou cinquante cas d'utilisation, mais plutôt à proposer une solution «universelle», en se basant notamment sur une utilisation efficace de HTML, et à éviter de mettre à mal cette solution universelle pour répondre à un besoin particulier. Bon, c'est sans doute mal dit et pas tout à fait juste, mais il y a de ça.)
Je suis tres loin d etre un pro comme tu peux le constater (lol) mais je me disais que si une page HTML sans styles garde tout son contenu et tout son sens, les machines de retranscriptions adaptees aux differents handicaps sont capables de traduire cette page.
L'accessibilite est un milieu tres interessant quoi qu'il en soit. Aider les handicapes, quoi de mieux sachant que chacun d'entre nous peut le devenir du jour au lendemain ? Smiley sweatdrop
Modifié par thomus38 (12 Jul 2007 - 18:44)
<hs>

thomus38 a écrit :
Aider les handicapes, quoi de mieux sachant que chacun d'entre nous peut le devenir du jour au lendemain ? Smiley sweatdrop


Peut-être faut-il dépasser la question du handicap pour aborder plus efficacement les questions liées à l'accessibilité numérique Smiley cligne .

Pourquoi l'accessibilité numérique ?
</hs>