Pseudo-classe :target et choix de l'élément cible

Bonjour,
l'implémentation de la pseudo-classe :target implique de placer l'id cible sur l'élément cible pour qu'il prenne effet.
Mais il est conseillé d'ajouter un lien vide comme ancre cible avanat l'élément
Exemple:

<a href= "#content" id= "content" name="content" /></a>
<h2>Content</h2>

Ce code ci

<h2 id= "content" name="content">Content</h2>

pose manifestement problème sur IE mais j'aimerais savoir dans quelle condition. Est-ce uniquement via un lecteur d'écran?
Modifié par Hermann (24 Nov 2008 - 20:49)

bonjour hermann,

a écrit :
pose manifestement problème sur IE mais j'aimerais savoir dans quelle condition

La reprise de focus au clavier.

Mais là ton h2 en fontion du doctype ne sera pas valide (utilisation de name) ?

knarf a écrit :
bonjour hermann,
pose manifestement problème sur IE mais j'aimerais savoir dans quelle condition

La reprise de focus au clavier.

Aie! C'est plus ennuyeux que ce que je pensais. Encore une fois IE ne peut pas faire comme les autres...
Y a-t-il un moyen de contourner ça? Sais tu si IE8 a corrigé ce bug?

Ok pour la validité mais c'était pas le sujet
Modifié par Hermann (24 Nov 2008 - 21:52)

Pour IE8 aucune idée.

Mais l'utilisation d'une ancre <a> n'est pas envisageable dans ton cas car cela résout le problème si cela se trouve dans la même page ?

Si c'est sur 2 pages différentes IE semble indecrottable (voir mon sujet juste après le tiens).
Modifié par knarf (24 Nov 2008 - 22:19)

Hello Hermann,

Il me semble qu'IE au moins jusqu'à sa version 7 implémente plutôt mal la pseudo-classe:target (entre autre... )

Je suppose que tu connais cette page de tests du w3C, mais dans le doute

Il me semble également avoir vu récemment quelques sites qui proposent des tests sur l'implémentation de CSS3 par les navigateurs... à chercher, ou à tester

@+
Sylvain

knarf a écrit :

Mais l'utilisation d'une ancre <a> n'est pas envisageable dans ton cas car cela résout le problème si cela se trouve dans la même page ?

Ah bon, il me semblait que ça posait problème si je me réfère au tuto de JPV
sur les liens d'évitement mais peut-être est-ce uniquement dans des contextes un peu particulier?
Oui c'est la même page

@6l20
Je savais pour les implémentations, IE6/7 ne l'implémentent pas du tout je crois. Quant aux CSS tests merci de le rappeler, j'y pense pas tout le temps mais je connaissais

a écrit :
Il me semble également avoir vu récemment quelques sites qui proposent des tests sur l'implémentation de CSS3 par les navigateurs... à chercher, ou à tester cligne

Peut-être cet article? http://www.css3.info/making-an-image-gallery-with-target/
Modifié par Hermann (24 Nov 2008 - 22:51)

a écrit :
Ah bon, il me semblait que ça posait problème si je me réfère au tuto de JPV

Oui d'où l'utilisation de cette syntaxe :

<a href="#monancre" id="monancre" name="monancre"></a>

Modifié par knarf (25 Nov 2008 - 00:17)

knarf a écrit :

Oui d'où l'utilisation de cette syntaxe :

<a href="#monancre" id="monancre" name="monancre"></a>

Oui mais le fait est que je souhaiterais me passer d'une ancre lien comme
expliqué plus haut (<h2 id= "content">Content</h2> dans la même page que le lien pointant dessus)
Modifié par Hermann (25 Nov 2008 - 18:11)

Ha oui d'accord donc ba risque de perte de focus.

Comme c'est apperement aléatoire tu peux tenter et tester.

Il faut par contre aussi vérifier avec les sythèses vocales.

knarf a écrit :
Ha oui d'accord donc ba risque de perte de focus.
Comme c'est apperement aléatoire tu peux tenter et tester.
Il faut par contre aussi vérifier avec les sythèses vocales.

Ok merci Knarf
Modifié par Hermann (25 Nov 2008 - 23:12)