Dérouler des puces en CSS
Ynsouk
Messages postés
104
Date d'inscription
Statut
Membre
Dernière intervention
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour chers amis helpeurs,
je lie des feuilles de styles à des pages web mais ce ke je fai est trè bas par rapport à tt ce k'offre les CSS.
Alors j'ai par exemples 3 puces qui ont chacunes des titres(genre rubrique) et je veux avoir des infos incluses dans chaque rubrique.
Résultat attendu: si je clique sur une puce, je veux que la page affiche les infos disponibles das cette rubrique et si reclique sur cette mêm puce, je veux que les infos soit "enroulées" . j'xpr ke g été un peu clair. merci bcp les gars je sais pa ce ke je deviendrai ss cmentcamarche
je lie des feuilles de styles à des pages web mais ce ke je fai est trè bas par rapport à tt ce k'offre les CSS.
Alors j'ai par exemples 3 puces qui ont chacunes des titres(genre rubrique) et je veux avoir des infos incluses dans chaque rubrique.
Résultat attendu: si je clique sur une puce, je veux que la page affiche les infos disponibles das cette rubrique et si reclique sur cette mêm puce, je veux que les infos soit "enroulées" . j'xpr ke g été un peu clair. merci bcp les gars je sais pa ce ke je deviendrai ss cmentcamarche
A voir également:
- Dérouler des puces en CSS
- Liste déroulante en cascade - Guide
- Validation des données excel liste déroulante - Guide
- Css download - Télécharger - HTML
- Réinitialiser les puces de cartouches d'encre epson ✓ - Forum Matériel & Système
- Comment réinitialiser la puce des cartouches d'encre hp - Forum Windows
2 réponses
salut,
si tu veux le faire en pure CSS, il faut utiliser la pseudo-classe ':focus' (Gryzzly, si je me goure encore, corrige-moi ! -;o)).
le problème c'est que cela ne fonctionnera pas avec IE (du moins la version 6, je n'ai pas testé depuis).
par contre tu peux le faire au survol avec ':hover' comme dans cet exemple (le "lire plus" en blanc).
sinon, il faut que tu utilises Javascript.
et pour tes messages, soigne la rédaction, c'est plus agréable pour tout le monde et ça attire davantage les réponses…
-;o)
si tu veux le faire en pure CSS, il faut utiliser la pseudo-classe ':focus' (Gryzzly, si je me goure encore, corrige-moi ! -;o)).
le problème c'est que cela ne fonctionnera pas avec IE (du moins la version 6, je n'ai pas testé depuis).
par contre tu peux le faire au survol avec ':hover' comme dans cet exemple (le "lire plus" en blanc).
sinon, il faut que tu utilises Javascript.
et pour tes messages, soigne la rédaction, c'est plus agréable pour tout le monde et ça attire davantage les réponses…
-;o)
Salut,
je corrige juste le lien de l'exemple ... localhost, c'est pas terrible ;o)
Bon, finalement je reprend le sujet : pour focus, je suis pas certain que l'on puisse s'en sortir ... sans javascript.
A déconseiller (?), à mon avis. Javascript ne devrait servir qu'à donner du confort de navigation, mais tous les éléments doivent être accessibles sans javascript activé. Par défaut, les boites css doivent donc être visibles ! Et uniquement si javascript est activé, alors celles ci doivent réagir au clic.
Oui, je sais, j'aime pas javascript ... et je suis convaincu que l'expérience utilisateur peut être aussi intéressante sans toutes ces "broutilles". A une seule exception : contrer les défauts de IE (compromis ergonomie - temps de réalisation) ... mais le moins possible !
+
je corrige juste le lien de l'exemple ... localhost, c'est pas terrible ;o)
Bon, finalement je reprend le sujet : pour focus, je suis pas certain que l'on puisse s'en sortir ... sans javascript.
A déconseiller (?), à mon avis. Javascript ne devrait servir qu'à donner du confort de navigation, mais tous les éléments doivent être accessibles sans javascript activé. Par défaut, les boites css doivent donc être visibles ! Et uniquement si javascript est activé, alors celles ci doivent réagir au clic.
Oui, je sais, j'aime pas javascript ... et je suis convaincu que l'expérience utilisateur peut être aussi intéressante sans toutes ces "broutilles". A une seule exception : contrer les défauts de IE (compromis ergonomie - temps de réalisation) ... mais le moins possible !
+
