La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.
Bonjour.
Ça fait déjà plusieurs jours que j'ai installé ceci sur mon forum ; https://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 :
- 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 }
Cordialement.
Dernière édition par Madeal le Ven 6 Juil 2012 - 13:26, édité 1 fois
Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.
Bonjour,
Puis-je connaitre le lien de votre forum pour que je puisse le constater par moi-même ?
Puis-je connaitre le lien de votre forum pour que je puisse le constater par moi-même ?
Lorris- ****
-
Messages : 294
Inscrit(e) le : 05/02/2011
Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.
Bonjour, vérifie, </ol> doit être juste avant la fin du dernier div dans ton accueil
Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.
Il y est. Voici le code qui est dans Affichage → Généralités.
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.
- 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&#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&#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>
- 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.
Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.
Je suis sous Google Chrome et à priori, ça marcherait.
Lorris- ****
-
Messages : 294
Inscrit(e) le : 05/02/2011
Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.
Oui, les deux onglets, mais les trois autres sont en bas, alors qu'ils devraient être comme les deux autres. :v
Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.
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.
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.
Re: La page d'Acceuil en accordéon ne marche que sur Internet Explorer 9.
Un grand merci ! Ça ne beug plus.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum