Créer un accordéon horizontal

3 participants

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

Résolu Créer un accordéon horizontal

Message par yoohee 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

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 Sam 26 Mar 2011 - 21:05

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

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


 - Créer un accordéon horizontal Color-10
 - Créer un accordéon horizontal Send_s10
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

Anzu
Membre actif

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

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

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

Message par Alex Fowl 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,
avatar

Alex Fowl
Membre actif

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

Alex Fowl a été remercié(e) par l'auteur de ce sujet.

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

Message par yoohee Sam 26 Mar 2011 - 23:22

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

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 Dim 27 Mar 2011 - 20:12

 - Créer un accordéon horizontal Check10Bonjour,

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  - Créer un accordéon horizontal Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton  - Créer un accordéon horizontal 50378

A bientôt sur ForumActif Smile
avatar

Alex Fowl
Membre actif

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

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

- Sujets similaires

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