Petite ligne grise moche sous notre slider (résolu)

par Oxyde29 Mar 13 Jan 2015 - 10:22

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://mekilekon.forumactif.org/

Description du problème

Coucou ! J'ai suivis un tuto ici sur comment installer un slider accordéon.
Tout marche impec, sauf que comme chuis un vrais noob en script,
j'ai réussi a le mettre comme je désirai mais il reste un petite ligne grise.
Je sais bien qu'il y a une valeur a changer pour la couleur, mais je ne trouve pas laquelle.
J'ai demandé a plusieurs personnes qui n'ont pas su me répondre (hein chacha ? :p)
Je prend donc la peine de poster ici. Le screen est dispo plus haut je crois.
Sinon voici mon css:

Spoiler:

Code:: @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: auto; background: white } .accordion noscript p { padding: 10px; margin: 0; background: white } /****************************************** Dark */ .accordion { border: 4px solid #000000; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #000000; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); } .accordion .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% } .accordion .slide > h2 span { background: #000000; color: white } .accordion .slide > h2 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b } .accordion .slide > h2.selected span, .accordion .slide > h2.selected span:hover { background: #000000; background: -moz-linear-gradient(left, #353535 0%, #555555 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555)); background: -webkit-linear-gradient(left, #353535 0%,#555555 100%); background: -o-linear-gradient(left, #353535 0%,#555555 100%); background: -ms-linear-gradient(left, #353535 0%,#555555 100%); background: linear-gradient(left, #353535 0%,#555555 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 ); } .accordion .slide > h2.selected b { background: #383838; background: -moz-linear-gradient(top, #3a3a3a 0%, #363636 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636)); background: -webkit-linear-gradient(top, #3a3a3a 0%,#363636 100%); background: -o-linear-gradient(top, #3a3a3a 0%,#363636 100%); background: -ms-linear-gradient(top, #3a3a3a 0%,#363636 100%); background: linear-gradient(top, #3a3a3a 0%,#363636 100%); } .accordion .slide > div { background: #030303; 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% } .ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none } /******************************************** FA */ .accordion figure .full { width: 100%; height: 100%; } .accordion h2 { border: none; } /* centrer l'accordéon */ .accordion { margin: auto; }

Au passage, bonne année a la commu forumactif :3
~~Ps: désolé pour les fautes, l'educ nationale à mal fait son job.~~

par AenigmA Mar 13 Jan 2015 - 10:56

Bonjour,

Il me semble que c'est cette ligne
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);

Dans ton .accordion (css)

par Oxyde29 Mar 13 Jan 2015 - 11:07

1000 milliards de merci <3
Je cherchai depuis un moment.
Si tu a besoin d'une signature, passe ici, je me ferrai un plaisir de t'en faire une jolie !

Petite ligne grise moche sous notre slider (résolu)