salesforce - Zipped css in static resource are not rendered, why?

Question

I've followed documentation code but it is not rendered at all.

    <apex:stylesheet value="{!URLFOR($Resource.jquery_dialog_css_img,

 'jquery_ui_one_dot_eight_dot_eleven.css')}" />

the zipped file structure is:

[jquery_dialog_css_img] ---- jquery_ui_one_dot_eight_dot_eleven.css

                         |

                         |---images ----- someImage.jpg

When the visualforce page is rendered the import tag looks like:

        <link class="user" href="/resource/1301916406000/

          manenabi__jquery_dialog_css_img/

          jquery_ui_one_dot_eight_dot_eleven.css" 

          rel="stylesheet" 

          type="text/css" /> 

It looks correct and I have no idea why it is not working. When I click on the generated link:

/resource/1301916406000/ manenabi__jquery_dialog_css_img/ jquery_ui_one_dot_eight_dot_eleven.css

The page is all blank which (I think) means somehow the path is not correct. (If is correct, the popped up page would show the code like js or CSS)

Answer 1

You had to include a root directory. Follow the below code:

    <apex:stylesheet value="{!URLFOR($Resource.jquery_dialog_css_img,

 'jquery_dialog_css_img/jquery_ui_one_dot_eight_dot_eleven.css')}" />