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

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.

Anzu
+ Hyperactif +

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
+ Hyperactif +

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!

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
+ Hyperactif +

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