28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai une petite question bête et méchante...

J'ai sur une page un menu "interne" qui pointe vers différentes ancres sur ma page.
Les ancres de destination sont des h2 avec la mise en forme css qui va avec.

<ul>
     <li><a href="#ancre1">lien 1</a></li>
     <li><a href="#ancre2">lien 2</a></li>
     [...]
</ul>
[...]
<h2 id="ancre1">premier titre</h2>
[...]
<h2 id="ancre2">second titre</h2>


Ce que je voudrais, c'est que si l'utilisateur veuille atteindre l'ancre ancre2 le h2 correspondant soit différent des autres (une couleur de fond par exemple) ; afin que l'on distingue facilement ce qui a sélectionné dans le menu.
Il me semble avoir vu ce genre de chose il y a un moment sur le site du w3c mais je ne parviens pas à le retrouver...

Est-ce posible simplement avec du css ce genre de manipulation ?

D'avance merci Smiley smile
Bonjour,

Merci pour ton edit sane79, je me demandais bien sur ce lien ce qui pouvait répondre à mon problème Smiley cligne

Il semble que je puisse utiliser le pseudo élément :focus (non reconnu par IE)... Ou alors peut être me baser sur l'attribut onfocus du ma balise.

Néanmoins, la première solution serait pénalisante pour les utilisateurs d'IE (au passage ce n'est pas plus gênant que ca sur mon site, puisqu'une grande majorité des visiteurs sont sous Firefox) ; et pour la seconde le javascript doit être activé.

Si quelqu'un conaît une façon de faire plus universelle que ces deux là, je suis tout ouï.

Cette page (paragraphe 1.1) semble s'interesser au problème mais j'avoue que je ne vois pas du tout comment mettre ca en oeuvre.

Merci.