Créer un accordéon horizontal

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Créer un accordéon horizontal

Message par yoohee le Sam 26 Mar 2011 - 20:39

Bonsoir,

Je me permets de poster une demande, sachant qu'il existe déjà des posts sur ce sujet, mais malheureusement, même en suivant scrupuleusement ces posts, je n'arrive pas au résultat escompté.

Je cherche à créer un menu accordéon de ce type-là, exemple 1:
Accordéon

Seulement, quand je suis les indications que j'ai trouvé, je me retrouve avec les sections les unes en dessous des autres, et non en accordéon comme voulu.

Pouvez-vous m'aider?
Merci d'avance.


Dernière édition par yoohee le Dim 27 Mar 2011 - 20:57, édité 2 fois
avatar

yoohee
Nouveau membre

Messages : 2
Inscrit(e) le : 26/03/2011

http://dramatic.cinebb.com/forum
yoohee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un accordéon horizontal

Message par Anzu le Sam 26 Mar 2011 - 21:05

Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Sécurité : Mail de fondation - Ce qu'il ne faut pas faire
Listing - Questions/Réponses fréquentes
Listing - Trucs et astuces
La fonction Rechercher
La FAQ de Forumactif.com

N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink



Bonjour,

Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite :
  • Le gras et la couleur (réservés au staff de ce forum),
  • L'écriture en SMS (abréviations)

Pour plus de détails sur la conduite à tenir sur ce forum, merci de lire la Charte du forum. Wink

A bientôt sur ForumActif Smile

Bonsoir,

Il doit surement manquer le script Wink
Certains tutos sont incomplets, il faut vérifier les sources avant de vous lancer.

Cordialement.
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un accordéon horizontal

Message par Alex Fowl le Sam 26 Mar 2011 - 22:48

Bonsoir,

Ce code :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/css/jquery.hrzAccordion.defaults.css">
<script type="text/javascript" src="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/lib/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/lib/jquery.hrzAccordion.js"></script>
<script type="text/javascript" src="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/lib/jquery.hrzAccordion.examples.js"></script>
</head>
<body>

<ul class="test">
  <li><div class="handle"><img src='http://www.portalzine.de/Horizontal_Accordion_Plugin_2/images/title1.png'></div><img src='http://www.artdif.com/artdif_images/divers/seize_acrylique_planete_100x_100_2005.jpg' align='left'>
    <h3>Première partie.</h3>
    <p>Source : <a href="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html">www.portalzine.de </a></p>
  </li>
  <li><div class="handle"><img src='http://www.portalzine.de/Horizontal_Accordion_Plugin_2/images/title2.png'></div><img src='http://www.artdif.com/artdif_images/divers/seize_acrylique_planete_100x_100_2005.jpg' align='left'>

    <h3>Deuxième partie.</h3>
    <p>Source : <a href="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html">www.portalzine.de </a></p>
  </li>
  <li><div class="handle"><img src='http://www.portalzine.de/Horizontal_Accordion_Plugin_2/images/title3.png'></div><img src='http://www.artdif.com/artdif_images/divers/seize_acrylique_planete_100x_100_2005.jpg' align='left'>
    <h3>Troisième partie.</h3>

    <p>Source : <a href="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html">www.portalzine.de </a></p>
  </li>
  <li><div class="handle"><img src='http://www.portalzine.de/Horizontal_Accordion_Plugin_2/images/title4.png'></div><img src='images/image_test.gif' align='left'>
    <h3>Quatrième partie.</h3>
    <p>Source : <a href="http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html">www.portalzine.de </a></p>
  </li>
 
</ul>
</body>
</html>

Smile

Cordialement,

Alex Fowl
Membre actif

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

http://www.aidactif.fr
Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un accordéon horizontal

Message par yoohee le Sam 26 Mar 2011 - 23:22

Merci beaucoup, ça fonctionne !
Effectivement, il me manquait une partie!
avatar

yoohee
Nouveau membre

Messages : 2
Inscrit(e) le : 26/03/2011

http://dramatic.cinebb.com/forum
yoohee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un accordéon horizontal

Message par Alex Fowl le Dim 27 Mar 2011 - 20:12

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Alex Fowl
Membre actif

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

http://www.aidactif.fr
Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum