Eléments déroulants en CSS 2.1 ? [Résolu]

kéraunos · 12/04/2011, 23h24

Bonjour à tous.

J'ai envie de créer une espèce de liste ordonnée et hiérarchisée en XHTML+CSS, dont le rendu s'approcherait de ce sommaire :
http://xhtml.developpez.com/faq/#sommaire

Donc une structure avec des éléments qui se déroulent et s'enroulent lorsqu'on clique à un endroit bien précis. Peu m'importe la dynamique de l'enroulement.

Est-ce possible en XHTML et CSS 2.1, sans Javascript aucun ?

Merci.

ornitho13 · 13/04/2011, 08h47

Salut,

vu que tu as une intéraction de click sur le lien, tu devras passer par du JS.

Si vraiment tu ne veux pas utiliser le JS, il faudra utiliser le CSS3 avec la pseudo-classe :target.

12/04/2011, 23h24	#1
kéraunos Membre régulier Inscription : janvier 2005 Messages : 157 Détails du profil Informations personnelles : Sexe : Localisation : France Informations forums : Inscription : janvier 2005 Messages : 157 Points : 71 Points : 71	Eléments déroulants en CSS 2.1 ? Bonjour à tous. J'ai envie de créer une espèce de liste ordonnée et hiérarchisée en XHTML+CSS, dont le rendu s'approcherait de ce sommaire : http://xhtml.developpez.com/faq/#sommaire Donc une structure avec des éléments qui se déroulent et s'enroulent lorsqu'on clique à un endroit bien précis. Peu m'importe la dynamique de l'enroulement. Est-ce possible en XHTML et CSS 2.1, sans Javascript aucun ? Merci.
	00

13/04/2011, 08h47	#2
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	Salut, vu que tu as une intéraction de click sur le lien, tu devras passer par du JS. Si vraiment tu ne veux pas utiliser le JS, il faudra utiliser le CSS3 avec la pseudo-classe :target.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email