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

4 participants

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

petitefeuille
Membre habitué

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

https://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 Invité Dim 8 Fév 2015 - 19:50

Bonsoir,

Avez-vous bien inséré le script ?
Arrow https://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.
Anonymous

Invité
Invité


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

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

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

.Problème d'affichage de l'accordéon UUqryIu.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
Chacha

Chacha
Modéractif
Modéractif

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

https://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 Lun 16 Fév 2015 - 20:00

.Problème d'affichage de l'accordéon UUqryIu.Bonjour,

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

A bientôt sur ForumActif Smile
Chacha

Chacha
Modéractif
Modéractif

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

https://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 Lun 16 Fév 2015 - 20:12

Merci Chacha flower

Kinotto a écrit:Bonsoir,

Avez-vous bien inséré le script ?
Arrow https://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

petitefeuille
Membre habitué

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

https://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 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

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

petitefeuille
Membre habitué

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

https://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 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

petitefeuille
Membre habitué

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

https://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 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

petitefeuille
Membre habitué

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

https://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 Invité Mar 17 Fév 2015 - 16:38

bonjour petitefeuille

il manque un morceaux du css Wink la fin !
Anonymous

Invité
Invité


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

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

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

petitefeuille
Membre habitué

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

https://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 Invité 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....
Anonymous

Invité
Invité


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

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

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

petitefeuille
Membre habitué

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

https://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 Invité 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
Anonymous

Invité
Invité


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

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

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

petitefeuille
Membre habitué

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

https://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 Jeu 19 Fév 2015 - 18:15

Bonsoir, je remonte le post Smile merci
petitefeuille

petitefeuille
Membre habitué

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

https://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 Invité 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

Anonymous

Invité
Invité


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

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

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

petitefeuille
Membre habitué

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

https://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 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

oxymore
***

Messages : 141
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 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

petitefeuille
Membre habitué

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

https://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 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

oxymore
***

Messages : 141
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 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

petitefeuille
Membre habitué

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

https://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 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

petitefeuille
Membre habitué

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

https://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

- Sujets similaires

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