28221 sujets

CSS et mise en forme, CSS3

Bonjour,
Est-il possible en utilisant le principe du rollover selon Alsacréations (Une image réactive (rollover) sans javascript), de faire en sorte que l'image (menu) cliquée reste allumée tant que l'on se trouve dans la rubrique sélectionnée ? Elle s'éteint lorsque l'on sélectionne un autre menu !

Par avance merci !


Eric
Tu peux rajouter un id à ta feuille de style, par exemple #actif. Tu lui applique les paramètres de ton éléments de menu lorsqu'il est cliqué (par exemple décallage de l'image de fond). Puis sur la page en question tu ajoute cet id à ton éléments de menu. C'est tout!
J'ai pas tout compris :-(...
Ca donnerait quoi dans l'exemple ci-dessous.
Merci d'avance

#lien { /* "lien" sera notre conteneur, ici la balise div */
position:absolute; /* placement de l'image-lien, à vous d'adapter */
left: 200px; /* dimensions selon l'image, à vous d'adapter */
top: 50px;
width: 100px;
height: 100px;
background: url(image2.gif) top left no-repeat; /* placement de l'image 2 au second plan */
}

#lien a { /* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(image1.gif) top left no-repeat; /* placement de l'image 1 au premier plan */
color: #000;
}

#lien a:hover { /* masquage de l'image1 au survol */
background: transparent none;
}