28172 sujets

CSS et mise en forme, CSS3

Bonjour

est il possible de de créer des titres cliquables avec du css3
Je m'explique : quand je clique sur un titre le détail apparait en dessous

salutation
Bonjour Philippe,

Pour répondre à ta question: non, oui, peut-être, mais vaux mieux pas Smiley smile

- non, CSS n'a pas de gestion de l'évèment click
- oui, il existe des hacks CSS permettant de simuler une telle action
- peut-etre, car le champs d'utilisation de ces hacks reste tres limite et dependra de l'implementation html et de l'effet souhaite
- mais vaut mieux pas, parce que ce n'est pas fait pour ca, que c'est plutot experimental et rigolo a manipuler mais pas tres fiable ni supporte.

CSS Clicks Events sur Codedrops
Modifié par Sugarskill (04 Nov 2013 - 12:49)
Salut,
Pour faire cela au clic il te faut utiliser JavaScript.
Maintenant, tu peut le faire en CSS mais au passage de la souris sur ton titre.
philippe3441 a écrit :
Bonjour

est il possible de de créer des titres cliquables avec du css3
Je m'explique : quand je clique sur un titre le détail apparait en dessous

salutation


(html)attribut tabindex +(css) :focus/:active & sélecteur d'adjacence (ou enfant) selon ton code HTML et comportement attendu.

Quel est ta structure HTML ?
Voici une demo qui teste l'effet que tu recherche via :focus (+ tabindex) ou bien :checked(avec label et input checkbox). http://codepen.io/gcyrillus/pen/dsvwF

En js, tu reste quasi certains que cela marchera, l'approche CSS + JS peuvent se soutenir , tout dépend des navigateurs ciblés et de ton temps à y accorder.

++
Ou alors si tu utilises des liens avec ancres, le plus propre serait ":target". Ça reste tout de même du CSS3 et tu priveras les vieux navigateurs encore d'actualité.