<div class="fond">
<div class="produit">produit 1
<div class="volet_clos" id="volet_clos">
<div class="volet" id="volet">
<p>Lorem Elsass ipsum réchime amet sed bissame so libero. DNA, leo Richard Schirmeck tellus</p>
<p>Wurscht elementum semper tellus s'guelt Pfourtz !</p>
<a href="#volet" class="ouvrir" aria-hidden="true">Ouvrir !</a>
<a href="#volet_clos" class="fermer" aria-hidden="true">fermer !</a>
</div>
</div>
</div>
<div class="produit">produit 2
<div class="volet_clos" id="volet_clos2">
<div class="volet" id="volet2">
<p>Lorem Elsass ipsum réchime amet sed bissame so libero. DNA, leo Richard Schirmeck tellus</p>
<p>Wurscht elementum semper tellus s'guelt Pfourtz !</p>
<a href="#volet2" class="ouvrir" aria-hidden="true">Ouvrir !</a>
<a href="#volet_clos2" class="fermer" aria-hidden="true">fermer !</a>
</div>
</div>
</div>
<div class="produit">produit 3
<div class="volet_clos" id="volet_clos3">
<div class="volet" id="volet3">
<p>Lorem Elsass ipsum réchime amet sed bissame so libero. DNA, leo Richard Schirmeck tellus</p>
<p>Wurscht elementum semper tellus s'guelt Pfourtz !</p>
<a href="#volet3" class="ouvrir" aria-hidden="true">Ouvrir !</a>
<a href="#volet_clos3" class="fermer" aria-hidden="true">fermer !</a>
</div>
</div>
</div>
</div>
Dans mon cas, cela ne peut pas fonctionner car comme il y a un id volet et voletclos incrémental et doivent exister vu qu'il y a un appel de ceux-ci via <a href="#volet_clos3" par exemple pour l'appel à cacher ou non le texte. De plus dans le css, on y fait référence, sachant qu'il y a n articles, il est impossible de gérer cela comme ça.
Comment faire pour rendre cela oppérationnel, ou voyez-vous une autre possibilité plus logique... Je pense qu'il faudra utiliser les z-index mais je suis arrivé à un niveau d'incompétence actuellement
Un dessin même sommaire est plus clair que mon blabla :-)
Voilà, un clique sur le premier onglet, un texte apparaît, on clique sur un autre onglet, le premier retourne en dessous de la première image, un autre texte apparaît et ceci avec n images avec n onglet.
Je suis persuadé qu'avec le css3, c'est certainement possible mais je n'ai pas encore assez de connaissance pour y arriver. J'aimerai un coup de pouce
Il te faut en effet du positionnement absolute avec un parent en relative, une ancre plutôt en position:fixed si tu utilises :target et ne veut pas voir ta page sautée dans tout les sens .
Quel CSS as tu déjà mis en place ? pour faire ces boites ?
Mais j'ai beau essayé de positionner l'onglet du volet, je n'arrive pas à le mettre correctement. Il est environ 30px trop à gauche et pareil vers le bas.
- je ne comprends pas non plus pourquoi le volet ne prend pas toute la hauteur ?
Sais-tu voir pourquoi et me donner une explication?
pour repositionner l'onglet, tu as plusieurs options.
- une marge
- modifier les coordonnées
- ajouter un translate() dans ta regle 'transform'.(comme dans ma démo)
Pour la hauteur ? hmm, augmente sa largeur vu qu'il est en rotation.
Pour les préfixes, sert toi d'un script, plutôt que de les ajouter à la main. tu n'auras plus a les mettre à jour et surtout tes feuille de styles seront plus claires.
Enfin , la DEMO peut-être telecharger en ZIP avec le html/css et js en fichiers separés (inclus prefixfree.js)
texte caché qui apparaît via un clic sur un onglet
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui