La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.

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

Résolu La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.

Message par Madeal le Lun 2 Juil 2012 - 12:57


  • Bonjour.
    Ça fait déjà plusieurs jours que j'ai installé ceci sur mon forum ; http://forum.forumactif.com/t327581-message-d-accueil-en-accordeon . Comme beaucoup de mes membres sont sous Internet Explorer, ça roulait, jusqu'à ce que je beuguais et donc ouvrit ma page avec Google Chrome : ça beuguait. Mozilla Firefox : beuguait. Opera : beuguait. Safari : beuguait. J'ai essayé quatre naviguateur, ciinq en comptant IE, mais ça ne marche pas. Pour moi, j'ai bien installé le code vu qu'il marche sous IE ! Et sur les autres navigateurs voilà ce que ça donne :
    Ça fait ça :


    Bon c'est que une partie hein.
    Est-ce normal ou y-a-t-il un beug dans les codes, ou alors ce n'est que pour IE ? J'ai aussi remarqué qu'il avait dans le CSS cette partie :
    Code:
    /******************************************** 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% }
    .ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none }
    Mais il n'y a pas cela pour les autres navigateurs.

    Cordialement.
[right]


Dernière édition par Madeal le Ven 6 Juil 2012 - 13:26, édité 1 fois

Madeal
Nouveau membre

Messages : 11
Inscrit(e) le : 03/09/2011

http://legendsofdreams.forumsactifs.com/
Madeal a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.

Message par Lorris le Lun 2 Juil 2012 - 13:15

Bonjour,
Puis-je connaitre le lien de votre forum pour que je puisse le constater par moi-même ?

Lorris
****

Masculin
Messages : 294
Inscrit(e) le : 05/02/2011

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

Résolu Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.

Message par Madeal le Lun 2 Juil 2012 - 13:26

Bien entendu : http://legendsofdreams.forumsactifs.com/

Madeal
Nouveau membre

Messages : 11
Inscrit(e) le : 03/09/2011

http://legendsofdreams.forumsactifs.com/
Madeal a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.

Message par AenigmA le Mar 3 Juil 2012 - 13:34

Bonjour, vérifie, </ol> doit être juste avant la fin du dernier div dans ton accueil

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.

Message par Madeal le Mer 4 Juil 2012 - 0:41

Il y est. Voici le code qui est dans Affichage → Généralités.

Code:
<div id="accordeon-pa" class="accordion">
    <ol>
        <li>
            <h2><span>Gestion | 1</span></h2>
            <div>
              <figure>
                <blockquote><div align="justify">
                <center>Bienvenue sur Legends of Dreams, {USER&amp;#8288;NAME}. <br></center><br>
                Le forum subit une grande rénovation. D'après la fondatrice Shana, il ne reste qu'à créer quelques catégories et remplir les textes dans les sujets déjà postés. La patience est une vertu .. ~<br> <br>
À part cela, un événement va être lancé, et l'évent « Roaring of the wolf » a été abandonné suite à trop d'absence de réponse. Legends of Dreams compte ben revivre, cher(e) {USER&amp;#8288;NAME} ! ♥


              </div></figure>
            </div>
        </li>
        <li>
            <h2><span>Informations | 2</span></h2>
            <div>
              <figure><blockquote><div align="justify">
                Un grand recensement sera annoncé durant ce mois-ci, et 8 membres on déjà été supprimés car il n'était pas venus depuis 60 jours. Un maximum de publicité vous sera demandé après le recensement car une grande perte de membre se sent à plein nez ! <br><br>
Les RPGs sont notre priorité, ne l'oubliez pas. La chatbox sera retirée durant deux jours si nous n'avons pas 5 rpgs terminés d'ici le 1er juillet !
              </figure></div>
            </div>
        </li>
        <li>
            <h2><span>Actualité RPG| 3</span></h2>
            <div>
              <figure><blockquote><div align="justify">
                Le gibier se fait abondant pour les cinq tribus, le temps varie mais il ne pleut pas. La chaleur assomme plus d'un chat. La saison des chaleurs vient d'être annoncée durant tout le mois de Juin. La vie est belle, mais le danger rode toujours ...
              </figure></div>
            </div>
        </li>
        <li>
            <h2><span>Effectifs des Tribus | 4</span></h2>
            <div>
              <figure><blockquote><div align="justify">
                Rayure du Tigre • FERMÉ<br>
Hurlement du Loup • FERMÉ<br>
Écailles du Serpent • FERMÉ<br>
Serres du Faucon • FERMÉ<br><br>

Sang de l'Aigle • FERMÉ<br>
              </figure></div>
            </div>
        </li>
        <li>
            <h2><span>Copyright | 5</span></h2>
            <div>
              <figure><blockquote><div align="justify">
                Forum créé par Étoile d'Ange, soit Shana.<br>
Codage par Shana, basé sur les trucs et astuces de ForumActif. <br>
Thème par Shana également.<br>
Un grand merci à Souffle de Libellule, soit Deo pour le règlement général et le temps qu'elle accorde au forum.<br>
Correction par Étrange Trahison, soit Parenthèse. <br>

<b>Toute reproduction partielle ou totale est strictement interdite et punie par ForumActif.
              </figure></div>
            </div>
        </li>
    </ol>
</div>
Et le CSS, pet-être un truc ? :c
Code:
/*PAGE D ACCEUIL*/

@charset 'utf-8';
/*************************************************!
*
*  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: #CCBD8F;
    -webkit-box-shadow: -1px -1px 0 #DBCC9F, 1px 1px 0 #DBCC9F, 0 5px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -1px -1px 0 #DBCC9F, 1px 1px 0 #DBCC9F, 0 5px 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: -1px -1px 0 #DBCC9F, 1px 1px 0 #DBCC9F, 0 5px 15px rgba(0, 0, 0, 0.4); 
    -o-box-shadow: -1px -1px 0 #DBCC9F, 1px 1px 0 #DBCC9F, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: -1px -1px 0 #DBCC9F, 1px 1px 0 #DBCC9F, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #CCBD8F; text-shadow: 0 -1px 0 white; line-height: 265% }
.accordion .slide > h2 span {
    background: #fcfcfc;
    background: -moz-linear-gradient(left,  #DBCC9F 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(left,  #DBCC9F 0%,#ededed 100%);
    background: -o-linear-gradient(left,  #DBCC9F 0%,#ededed 100%);
    background: -ms-linear-gradient(left,  #DBCC9F 0%,#ededed 100%);
    background: linear-gradient(left,  #DBCC9F 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
    -webkit-box-shadow: -1px -1px 0 #DBCC9F inset, 1px 1px 0 #DBCC9F inset;
    -moz-box-shadow: -1px -1px 0 #DBCC9F inset, 1px 1px 0 #DBCC9F inset;
    -o-box-shadow: -1px -1px 0 #DBCC9F inset, 1px 1px 0 #DBCC9F inset;
  box-shadow: -1px -1px 0 #DBCC9F inset, 1px 1px 0 #DBCC9F inset;
    color: #DBCC9F;
}
.accordion .slide > h2 b { background: #ffffff; color: #DBCC9F; 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: #CCBD8F; 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 { margin: auto; }

Y-a-t-il un problème avec ? Aujourd'hui, des membres m'ont dit que la P.A marchait parfaitement sur Firefx, et d'autres non, ainsi quee Google Chrome. v:

Cordialement.

Madeal
Nouveau membre

Messages : 11
Inscrit(e) le : 03/09/2011

http://legendsofdreams.forumsactifs.com/
Madeal a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.

Message par Lorris le Mer 4 Juil 2012 - 20:16



Je suis sous Google Chrome et à priori, ça marcherait.

Lorris
****

Masculin
Messages : 294
Inscrit(e) le : 05/02/2011

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

Résolu Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.

Message par Madeal le Jeu 5 Juil 2012 - 19:12

Oui, les deux onglets, mais les trois autres sont en bas, alors qu'ils devraient être comme les deux autres. :v

Madeal
Nouveau membre

Messages : 11
Inscrit(e) le : 03/09/2011

http://legendsofdreams.forumsactifs.com/
Madeal a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.

Message par Manumanu le Jeu 5 Juil 2012 - 22:14

Bonjour,

Dans le second onglet, un blockquote et un div sont ouverts, et ne sont pas refermés.

Pense également à supprimer la balise meta X-UA compatible de ton fichier overall_header.

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.

Message par Madeal le Ven 6 Juil 2012 - 13:24

Un grand merci ! Ça ne beug plus. Smile

Madeal
Nouveau membre

Messages : 11
Inscrit(e) le : 03/09/2011

http://legendsofdreams.forumsactifs.com/
Madeal 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