28105 sujets

CSS et mise en forme, CSS3

Bonjour à toutes et tous qui me liront Smiley biggrin ,

Pour vous mettre tout de suite dans le vif du sujet voici le lien de la page ou j'ai un problème :


Maintenant, quelques explications :
Lorsque je déroule le menu accordéon (en cliquant sur l'onglet "biochimie Générale et Spécialisée") vous verrez que le bloc du dessous, intitulé "EEQ - Alcoolémie (CALC)" se déplace automatiquement vers le bas. Cela est normal car j'ai défini un largeur de 924px.
Je souhaiterais que lorsque je clique sur le menu accordéon les bloc situé dessous ne descendent pas mais se réduise en longueur pour laisser la place au menu déroulant en accordéon.

Est-ce que cela est possible simplement avec du CSS ?

P.S : Je n'est pas mis de code dans mon post pour pas faire trop long mais n'hésitez pas à me demander si besoin.

Merci par avance de votre aide
Corentin
Salut, tu as mis le liens dans les balises URL, c'est bien mais pas suffisant, les balise url doivent (avec le lien auquel elle fait référence) englober un mot pour la redirection Smiley smile

donc voici le vrai lien
Modifié par JENCAL (28 Sep 2016 - 14:42)
et pour répondre à ta question... je suis pas assez bon en css pour te dire oui ou non cela est ou n'est pas faisable uniquement en css.

Parce ce que je suis sur c'est qu'en javascript c'est faisable ! ^^ en CSS cela m'étonnerais quand même, parce que tu veux changer du css quand tu click.. donc bon, qui dit évenement dit javascript (appart quelque uns tel que hover.)
Modifié par JENCAL (28 Sep 2016 - 14:45)
Oui en Javascript je le sais que c'est faisable mais je suis pas assez bon pour faire. Je n'ai que très peux de notions même si je vois comment c'est faisable : si "menu déroulant ouvert" modifier la largeur de "tel élément par ..... px
Mais je suis trop une bille en Javascript Smiley bawling
Bonjour.

Oui, c'est possible en CSS... mais comme c'est plus compliqué et alambiqué qu'en Javascript... mieux se mettre au Javascript...

Smiley smile
Personnellement je pense que l'effet de rétrécissement sur une div "poussée" par un autre élément (l'accordéon) ne serait pas très heureux. On aurait alors un effet de "saut" de page ou - en admettant que l'on place une transition - un rétrécissement progressif de la div... moche de tout façon.

Il vaudrait mieux placer l'accordéon en position:absolute (de toute façon le site n'est pas responsive) afin de le faire passer sur les autres éléments. Cette solution serait bien plus simple à mettre en place et véritablement bien moins pire dans le rendu final.