Search code examples
asp.netcssformattingstylesheetjquery-slider

Stylesheet issues within ASPX page that has Jquery


There is an ASPX page with code-behind and it has stylesheet/Jquery used in it.

I do not know much about stylesheet or Jquery but I need to debug this page as the border is not shown fully when page is rendered.

Within stylesheet there is this code and it says 'left bottom no repeat'.

#variantslider .slides_container
{
    width: 350px;
    display: none;

    vertical-align: middle;
    background: url('bg_slider_box.png') left bottom no-repeat;

    padding-left: 15px;
    height: 55px;

     }   

I donot know what do I need to do to get full border. I do not how to debug this page to check if there is anything that is stopping in getting full border.

Currently the output is something below which has left bottom border. Please suggest.

enter image description here


Solution

  • Apparently is not found the bg_slider_box.png in this line

    background: url('bg_slider_box.png') left bottom no-repeat;
    

    See where is located on your disk, and give the correct url, eg something like

    background: url('/images/bg_slider_box.png') left bottom no-repeat;