[Résolu]Code CSS cache widget - petit problème de mise en place

[FANCH 56]

Bonsoir

J'ai mis en place le script "Cache widget" sur mon forum, mais pour une meilleure visibilité sur le forum, j'ai mis un bouton perso.

Le problème, c'est que lorsque j'ouvre le widget, le bouton monte, et est à moitié caché.

Fermé


Ouvert

Voici le code CSS légèrement modifié pour l'image. Comment réaliser un aperçu du bouton correcte ?

Code:

/* ****************CACHE WIDGETS******** */


        #widget-arrows {
          height: 30px;
        }
        .widget-arrow {
          height: 30px;
          width: 35px;
          border-radius: 90px;
          float: left;
          cursor: pointer;
          background: #f5ebf7 url(http://colsbleus.fr/cb/boutons/clic.gif) no-repeat 0 -13px;
        }
        .widget-arrow.isright {
          float: right;
        }
        .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
          background-position: 0 0;
        }

[Scoubifitz]

bonsoir,

Code:

/* ****************CACHE WIDGETS******** */

#widget-arrows {
height: 35px;
}
.widget-arrow {
height: 35px;
width: 35px;
border-radius: 30px;
float: left;
cursor: pointer;
background: #f5ebf7 url(http://colsbleus.fr/cb/boutons/clic.gif) no-repeat 0 0;
}
.widget-arrow.isright {
float: right;
}
.widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
background-position: 0px 0px ;
}

[FANCH 56]

J'avais pourtant bidouillé les px.

Merci

Résolu