Question

I’m using Adam Shaw’s fullcalendar jquery plugin and it works really well, after speaking to the graphic designer he wishes to use images instead of fullcalendar’s prev,next,today and the three view icons (month, week, day).

Using firebug I’ve isolated that the “prev” icon, for instance, is using the span class

fc-button-prev

However, when I go to the css and create the class applying a background image:

.fc-button-prev {
   background-image: url('../images/prev.png');
}

Nothing happens.

Any ideas would be appreciated

Answer 1

May be you have to define display:block in your class like this:

.fc-button-prev {
   background-image: url('../images/prev.png');
display:block;
width:50px;
height:50px;
}

because span is an inline element. So, inline element is not take width , height, vertical margin & padding in it.