Problème d'affichage de l'accordéon

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

Résolu Problème d'affichage de l'accordéon

Message par petitefeuille le Dim 8 Fév 2015 - 16:10

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 08/02/2015
Lien du forum : http://www.petitefeuille.net/

Description du problème

Bonjour,

Quand nous nous connectons sur le forum, mon accordéon est complétement déployé. Comment je peux faire pour éviter cela ?

Merci d'avance

mes amitiés

petitefeuille


Dernière édition par petitefeuille le Lun 23 Fév 2015 - 18:34, édité 1 fois

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par Kinotto le Dim 8 Fév 2015 - 19:50

Bonsoir,

Avez-vous bien inséré le script ?
Arrow http://forum.forumactif.com/t327581-message-d-accueil-en-accordeon
Partie 1, "Créer une page Javascript".

La gestion des codes JS est-elle bien activée ? (Modules > Gestion des codes Javascript)

Si oui, essayez Ctrl+F5 et/ou de vider votre cache.


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par Chacha le Lun 16 Fév 2015 - 10:19

..Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou à faire un UP régulièrement ! Wink

Ce sujet est corbeillé (rappel de pourquoi), merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49712
Inscrit(e) le : 21/08/2010

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

Résolu Re: Problème d'affichage de l'accordéon

Message par Chacha le Lun 16 Fév 2015 - 20:00

..Bonjour,

Le topic est replacé à la demande de l'auteur du sujet.

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49712
Inscrit(e) le : 21/08/2010

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

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Lun 16 Fév 2015 - 20:12

Merci Chacha flower

@Kinotto a écrit:Bonsoir,

Avez-vous bien inséré le script ?
Arrow http://forum.forumactif.com/t327581-message-d-accueil-en-accordeon
Partie 1, "Créer une page Javascript".

La gestion des codes JS est-elle bien activée ? (Modules > Gestion des codes Javascript)

Si oui, essayez Ctrl+F5 et/ou de vider votre cache.


Cordialement.

Bonsoir,

Oui j'ai fait tout cela et rien y fait. Mais ce n'est pas automatique !

Merci de votre réponse

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par Desolation le Mar 17 Fév 2015 - 10:38

La actuellement je n'es aucun probleme d'affiche quand je passe sur votre forum il est possible de voir votre script Java, CSS et le code Html ???

Desolation
***

Masculin
Messages : 126
Inscrit(e) le : 13/10/2012

http://crazymocs.forumgratuit.org/
Desolation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Mar 17 Fév 2015 - 16:23

@Desolation a écrit:La actuellement je n'es aucun probleme d'affiche quand je passe sur votre forum il est possible de voir votre script Java, CSS et le code Html ???

Bonjour,

Pas de problème je vous fait cela :

Code Javascript * :

Code:
$(document).ready(function() {
          $("#accordeon-pa").each(function(){
            $(this).liteAccordion({
              autoPlay:true,
              pauseOnHover:true,
              rounded:true,
              enumerateSlides:true,
              containerWidth: 960,
              containerHeight: 320
            })
          });
        });
        /*************************************************!
        *
        *  project:    liteAccordion - a horizontal accordion plugin for jQuery
        *  author:    Nicola Hibbert
        *  url:        http://nicolahibbert.com/liteaccordion-v2/
        *  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
        *
        *  Version:    2.0.2
        *  Copyright:  (c) 2010-2011 Nicola Hibbert
        *  Licence:    MIT
        *
        **************************************************/
        (function(b){var a=function(g,l){var i={headerWidth:48,activateOn:"click",firstSlide:1,slideSpeed:800,onTriggerSlide:function(){},onSlideAnimComplete:function(){},autoPlay:false,pauseOnHover:false,cycleSpeed:6000,easing:"swing",theme:"basic",rounded:false,enumerateSlides:false,linkable:false},h=b.extend({},i,l),c=g.children("ol").children("li"),j=c.children(":first-child"),k=c.length,f=h.containerWidth-k*h.headerWidth,e={play:function(m){var n=d.nextSlide(m&&m);if(d.playing){return}d.playing=setInterval(function(){j.eq(n()).trigger("click.liteAccordion")},h.cycleSpeed)},stop:function(){clearInterval(d.playing);d.playing=0},next:function(){e.stop();j.eq(d.currentSlide===k-1?0:d.currentSlide+1).trigger("click.liteAccordion")},prev:function(){e.stop();j.eq(d.currentSlide-1).trigger("click.liteAccordion")},destroy:function(){e.stop();b(window).unbind(".liteAccordion");g.attr("style","").removeClass("accordion basic dark light stitch").removeData("liteAccordion").unbind(".liteAccordion").find("li > :first-child").unbind(".liteAccordion").filter(".selected").removeClass("selected").end().find("b").remove();c.removeClass("slide").children().attr("style","")},debug:function(){return{elem:g,defaults:i,settings:h,methods:e,core:d}}},d={setStyles:function(){g.width(h.containerWidth).height(h.containerHeight).addClass("accordion").addClass(h.rounded&&"rounded").addClass(h.theme);c.addClass("slide").children(":first-child").width(h.containerHeight).height(h.headerWidth).eq(h.firstSlide-1).addClass("selected");j.each(function(m){var p=b(this),o=m*h.headerWidth,n=j.first().next(),q=parseInt(n.css("marginLeft"),10)||parseInt(n.css("marginRight"),10)||0;if(m>=h.firstSlide){o+=f}p.css("left",o).next().width(f-q).css({left:o,paddingLeft:h.headerWidth});h.enumerateSlides&&p.append("<b>"+(m+1)+"</b>")})},bindEvents:function(){if(h.activateOn==="click"){j.bind("click.liteAccordion",d.triggerSlide)}else{if(h.activateOn==="mouseover"){j.bind({"mouseover.liteAccordion":d.triggerSlide,"click.liteAccordion":d.triggerSlide})}}if(h.pauseOnHover&&h.autoPlay){g.bind("mouseover.liteAccordion",function(){d.playing&&e.stop()}).bind("mouseout.liteAccordion",function(){!d.playing&&e.play(d.currentSlide)})}},linkable:function(){var m=(function(){var o=[];c.each(function(){if(b(this).attr("name")){o.push((b(this).attr("name")).toLowerCase())}});return m=o})();var n=function(p){var o;if(p.type==="load"&&!window.location.hash){return}if(p.type==="hashchange"&&d.playing){return}o=b.inArray((window.location.hash.slice(1)).toLowerCase(),m);if(o>-1&&o<m.length){j.eq(o).trigger("click.liteAccordion")}};b(window).bind({"hashchange.liteAccordion":n,"load.liteAccordion":n})},currentSlide:h.firstSlide-1,nextSlide:function(m){var n=m+1||d.currentSlide+1;return function(){return n++%k}},playing:0,animSlideGroup:function(m,o,n){var p=n?":lt("+(m+1)+")":":gt("+m+")";c.filter(p).each(function(){var r=b(this),q=c.index(r);r.children().stop(true).animate({left:(n?0:f)+q*h.headerWidth},h.slideSpeed,h.easing,function(){if(!d.slideAnimCompleteFlag){h.onSlideAnimComplete.call(o);d.slideAnimCompleteFlag=true}})})},slideAnimCompleteFlag:false,triggerSlide:function(p){var o=b(this),m=j.index(o),n=o.next();d.currentSlide=m;d.slideAnimCompleteFlag=false;j.removeClass("selected").filter(o).addClass("selected");if(p.originalEvent&&h.autoPlay){e.stop();e.play(m)}if(h.linkable&&!d.playing){window.location.hash=o.parent().attr("name")}h.onTriggerSlide.call(n);d.animSlideGroup(m,n,true);d.animSlideGroup(m,n)},ieClass:function(){var m=+(b.browser.version).charAt(0);if(m<7){e.destroy()}if(m===7||m===8){c.each(function(n){b(this).addClass("slide-"+n)})}g.addClass("ie ie"+m)},init:function(){if(b.browser.msie){d.ieClass()}d.setStyles();d.bindEvents();if(h.cycleSpeed<h.slideSpeed){h.cycleSpeed=h.slideSpeed}if(h.linkable&&"onhashchange" in window){d.linkable()}h.autoPlay&&e.play()}};d.init();return e};b.fn.liteAccordion=function(e){var d=this,c=d.data("liteAccordion");if(typeof e==="object"||!e){return d.each(function(){var f;if(c){return}f=new a(d,e);d.data("liteAccordion",f)})}else{if(typeof e==="string"&&c[e]){if(e==="debug"){return c[e].call(d)}else{c[e].call(d);return d}}}}})(jQuery);

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Mar 17 Fév 2015 - 16:24

CSS:

Code:
        /*************************************************!
        *
        *  project:    liteAccordion - a horizontal accordion plugin for jQuery
        *  author:    Nicola Hibbert
        *  url:        http://nicolahibbert.com/liteaccordion-v2/
        *  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
        *
        *  Version:    2.0.2
        *  Copyright:  (c) 2010-2011 Nicola Hibbert
        *  Licence:    MIT
        *
        **************************************************/
        /****************************************** Core */
        .accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
        .accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
        .accordion .slide > h2 {
          color: black;
            font-size: 16px;
          font-weight: normal;
          margin: 0;
          z-index: 100;
          position: absolute;
          top: 0;
          left: 0;
          -webkit-transform: translateX(-100%) rotate(-90deg);
          -webkit-transform-origin: right top;
          -moz-transform: translateX(-100%) rotate(-90deg);
          -moz-transform-origin: right top;
          -o-transform: translateX(-100%) rotate(-90deg);
          -o-transform-origin: right top;
          transform: translateX(-100%) rotate(-90deg);
          transform-origin: right top;
          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }
        .accordion .slide > h2 span {
            display: block;
            padding-right: 8%;
            text-align: right;
            height: 90%;
            margin-top: 5px;
            -moz-user-select: none;
            -khtml-user-select: none;
            user-select: none;
        }
        .accordion .slide > h2 b {
            display: inline-block;
            position: absolute;
            top: 13%;
            left: 10%;
            text-align: center;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        }
        .accordion .slide > h2:hover { cursor: pointer }
        .accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
        .accordion noscript p { padding: 10px; margin: 0; background: white }
       
        /***************************************** Light */
        .accordion {
            border: 9px solid white;
            border-bottom-width: 8px;
            padding: 5px 5px 6px 0;
            background: #a0a0a0;
            -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
            -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
            -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
        }
        .accordion .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
        .accordion .slide > h2 span {
            background: #fcfcfc;
            background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
            background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
            -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
            -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
            -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
            color: #909090;
        }
        .accordion .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
        .accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
        .accordion .slide > div { background: #a0a0a0; margin-left: 5px }
       
        /*************************************** Rounded */
        .rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
        .rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
       
        /******************************************** IE */
        .ie .slide > h2 b { top: 42%; left: 5% }
        .ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
        .ie.accordion .slide > h2 b { top: 44% }
        .accordion .slide > h2 span { filter: none }
       
        /******************************************** FA */
        .accordion figure .full { width: 100%; height: 100%; }
        .accordion h2 { border: none; }
       
        /* centrer l'accordéon */
                .accordion {

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Mar 17 Fév 2015 - 16:24

HTML:

Code:
</div>
                                                                                                                                                                                                                                                     
<p>
</p>
                                   
<div id="accordeon-pa" class="accordion">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
   <ol>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
      <li>
                                                                                                                                                                                                                                                                                                      
         <h2>
                                                                                                                                                                                                                                                                                                                                                                                  <span style="color: #ff0000;"><strong>LA QUESTION DU JOUR</strong></span><span>Pensez-vous que l'âge de la retraite va encore être repoussé ?/span>                                                                                                                                                                                                                                                                                                                                                                                                            </span>                   
         </h2>
                                                                                                                                                                                                                                                                                                                                        
         <div>
                                                                                                                                                                                                                                                                                  <figure><a title="titre" href="http://www.petitefeuille.net/t7843-pensez-vous-que-l-age-de-la-retraite-va-encore-etre-repousse"><img style="width: 500px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/45358810.jpg" /></a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
      <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                                                                                                                <strong><span style="color: #003300;">DÉBAT</span></strong><span>Chappatte et la liberté de dessiner!</span>                                                                                                                                                                                                                                               
         </h2>
                                                                                                                                                                                                                              
         <div>
                                                                                                                                                                                                                                                                                  <figure><a title="titre" href="http://www.petitefeuille.net/t7842-chappatte-depuis-lattentat-de-charlie-hebdo-on-a-franchi-une-ligne-dans-le-sang"><img style="width: 400px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/45772411.jpg" /></a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
      <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                                                                                              <strong><span style="color: #003300;">RELIGION</span></strong><span>un expatrié français athée obligé de payer des impôts à cause de son baptême</span>                                                                                                                                                                                                                                               
         </h2>
                                                                                                                                                                                                                                                                                                                                        
         <div>
                                                                                                                                                                                                                                                                                  <figure><a title="titre" href="http://www.petitefeuille.net/t7844-allemagne-un-expatrie-francais-athee-oblige-de-payer-des-impots-a-cause-de-son-bapteme"><img style="width: 400px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/56160310.jpg" /></a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
      <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                                                                                                                                            <strong><span style="color: #003300;"> ÉDUCATION</span></strong><span>Doit-on supprimer les notes à l'école ?</span>                                                                                                                                                                                                                                               
         </h2>
                                                                                                                                                                                                                                                                  
         <div>
                                                                                                                                                                                                                                                            <figure><a title="titre" href="http://www.petitefeuille.net/t7845-doit-on-supprimer-les-notes-a-l-ecole"><img style="width: 400px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/2371no11.jpg" /></a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
      <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                                                                                                                                            <strong><span style="color: #003300;">POLITIQUE</span></strong><span>Loi Macron: est-ce une loi importante?</span>                                                                                                                                                                                                                                               
         </h2>
                                                                                                                                                                                                                                                                                                                                    
         <div>
                                                                                                                                                                                                                                                                                  <figure><a title="titre" href="http://www.petitefeuille.net/t7846-loi-macron-est-ce-une-loi-importante"><img style="width: 400px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/83c91810.jpg" /></a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
      <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                                                                                                                                            <strong><span style="color: #003300;">Actu. CUISINE</span></strong><span>La mort du milliardaire Michele Ferrero</span>                                                                                                                                                                                                                                               
         </h2>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                                                                                                                                                                  <figure><a title="titre" href="http://www.petitefeuille.net/t7847-nutella-kinder-bueno-schoko-bons-lequel-preferez-vous"><img style="width: 400px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/433bf510.jpg" /></a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
      <li>
                                                                                                                                                                                                                                                                                                                                                                                  
         <h2>
                                                                                                                                                                                                                                                            <strong><span style="color: #003300;">MUSIQUE</span></strong><span>Victoires de la musique 2015</span>                                                                                                                                                                                                                                               
         </h2>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                                                                                                                                                                  <figure><a title="titre" href="http://www.petitefeuille.net/t7840-victoires-de-la-musique-2015"><img style="width: 400px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/4f293b10.jpg" /></a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
      <li>
                                                                                                                                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                                                                                                                                            <strong><span style="color: #003300;">CONSOMMATION</span></strong><span>Dernier week-end des soldes</span>                                                                                                                                                                                                                                               
         </h2>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                                                                                                                                                                  <figure><a title="titre" href="http://www.petitefeuille.net/t7848-dernier-week-end-des-soldes-avez-vous-fait-de-bonnes-affaires"><img style="width: 400px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/229a0810.jpg" /></a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
      <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                                                                                                                                            <strong><span style="color: #003300;">INSOLITE</span></strong><span>une passagère piquée par un scorpion dans un avion</span>                                                                                                                                                                                                                                               
         </h2>
                                                                                                                                                                                                                                                                                                                                                                    
         <div>
                                                                                                                                                                                                                                                                                  <figure><a title="titre" href="http://www.petitefeuille.net/t7849-etats-unis-une-passagere-piquee-par-un-scorpion-dans-un-avion"><img style="width: 400px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/45356610.jpg" /></a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
      <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                                                                                                                                            <strong><span style="color: #003300;">Actu. CULTURE</span></strong><span>Le trip de Zep</span>                                                                                                                                                                                                                                               
         </h2>
                                                                                                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                                                                                                                                                                  <figure><a title="titre" href="http://www.petitefeuille.net/t7850-le-trip-de-zep"><img style="width: 400px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/captur18.png" /> </a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                       
      <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                                                                                                                <strong><span style="color: #003300;">TRAVAIL</span></strong><span>Dans quels pays seriez-vous le plus heureux au travail ?</span>                                                                                                                                                                                                                                               
         </h2>
                                                                                                                                                                                                                                                                                                                                          
         <div>
                                                                                                                                                                                                                                                                                  <figure><a title="titre" href="http://www.petitefeuille.net/t7851-dans-quels-pays-seriez-vous-le-plus-heureux-au-travail"><img style="width: 400px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/dans-q10.jpg" /></a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                     
      <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
         <h2>
                                                                                                                                                                                                                                <strong><span style="color: #003300;">TÉLÉVISION</span></strong><span>Le “Saturday Night Live” fête ses 40 ans </span>                                                                                                                                                                                                                                               
         </h2>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
         <div>
                                                                                                                                                                                                                                                                                  <figure><a title="titre" href="http://www.petitefeuille.net/t7852-le-saturday-night-live-fete-ses-40-ans-retour-sur-cinq-moments-deja-cultes"><img style="width: 400px; height: 320px;" alt="image" src="http://i38.servimg.com/u/f38/15/86/06/11/le-sat10.jpg" /></a></figure>                                                                                                                                                                                                                                                                   
         </div>
                                                                                                              
      </li>
                                                                                                 
   </ol>
                                                                                                                                                                                                                      
</div>

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par R-max le Mar 17 Fév 2015 - 16:38

bonjour petitefeuille

il manque un morceaux du css Wink la fin !

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Mar 17 Fév 2015 - 18:46

@R-max a écrit:bonjour petitefeuille

il manque un morceaux du css Wink la fin !

je l'ai j'ai mal fait mon copié / collé

Code:
        /* centrer l'accordéon */
                .accordion {
        margin: auto;

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème d'affichage de l'accordéon

Message par R-max le Mar 17 Fév 2015 - 19:02

ça vous le fait a chaque fois !!

je les installer sur mon forum de test , me suis déconnecter plusieurs fois et aucun problème rencontrer....

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Mar 17 Fév 2015 - 19:06

non ça ne me le fait pas toujours, mais quelques fois et pas qu'à moi, j'ai eu des membres qui me l'on signalé

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par R-max le Mar 17 Fév 2015 - 19:10

ok .et bien en attendant mieux , je le garde en essais , pour voir si le problème apparaît .

si quelqu’un a une idées sur la chose .ou le problème !!

edit> il manque encore la balise fermente du derniers code css , mais ce n'est pas le probléme


Dernière édition par R-max le Mar 17 Fév 2015 - 19:12, édité 1 fois

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Mar 17 Fév 2015 - 19:12

@R-max a écrit:ok .et bien en attendant mieux , je le garde en essais , pour voir si le problème apparaît .

si quelqu’un a une idées sur la chose .ou le problème !!

Je vous remercie de votre aide. Je vous souhaite une bonne soiré et à bientôt de vous lire

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Jeu 19 Fév 2015 - 18:15

Bonsoir, je remonte le post Smile merci

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par R-max le Jeu 19 Fév 2015 - 19:22

bonsoir , c'est toujours en place chez moi , sans problème apparent ,
chez vous aussi d'ailleurs , scratch


R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Jeu 19 Fév 2015 - 19:46

Bonsoir,

Ce matin ça me l'a fait. Je suis sur firefox.

Merci et bonne soirée Smile

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème d'affichage de l'accordéon

Message par oxymore le Ven 20 Fév 2015 - 14:17

bonjour

A tester ...

changer cette ligne dans la partie html
Code:
<div id="accordeon-pa" class="accordion">

en
Code:
<div id="accordeon-pa" style="display:none" class="accordion">

puis dans le javascript

changer
Code:
$(document).ready(function() {
          $("#accordeon-pa").each(function(){
            $(this).liteAccordion({
              autoPlay:true,
              pauseOnHover:true,
              rounded:true,
              enumerateSlides:true,
              containerWidth: 960,
              containerHeight: 320
            })
          });
        });
en
Code:
$(document).ready(function() {
          $("#accordeon-pa").each(function(){
            $(this).liteAccordion({
              autoPlay:true,
              pauseOnHover:true,
              rounded:true,
              enumerateSlides:true,
              containerWidth: 960,
              containerHeight: 320
            })
  .show();
          });
        });

oxymore
**

Messages : 84
Inscrit(e) le : 09/11/2008

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

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Ven 20 Fév 2015 - 14:31

Bonjour,

J'ai fait ce changement, maintenant attendons ce weekend voir comment cela réagi à l'ouverture du forum.

Merci beaucoup et à bientôt

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par oxymore le Ven 20 Fév 2015 - 14:41

Bonjour

cela à l'air de fonctionner apparemment... ;-)
je n'ai plus les images qui s'affiche brièvement avant le chargement de l'accordeon

oxymore
**

Messages : 84
Inscrit(e) le : 09/11/2008

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

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Ven 20 Fév 2015 - 14:58

@oxymore a écrit:Bonjour

cela à l'air de fonctionner apparemment... ;-)
je n'ai plus les images qui s'affiche brièvement avant le chargement de l'accordeon

je vais voir cela aussi avec les membres du forum et je vous tiendrais au courant lundi. Merci encore Smile

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de l'accordéon

Message par petitefeuille le Lun 23 Fév 2015 - 18:34

bonsoir,

Je pense que le problème est donc résolu. Aucune plainte et de mon côté parfait !

Je vous remercie tous de votre aide Smile

Bonne soirée

petitefeuille
*****

Féminin
Messages : 812
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille 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