title: Unable to display stylesheet and images in visualforce page on Force.com site
body: <p>Hello Salesforcians,</p>
  
  <p>I have a problem that I can not display styles in visualforce page. I have created the css files in the static resources. Also, I have created visualforce page that references these styles. You can access the current force.com site at <a href="http://impacttest.force.com/Test" rel="nofollow">http://impacttest.force.com/Test</a> . Resources are not displayed and images also!</p>
  
  <p>Here's the code that I used to view this page</p>
  
  <pre><code>&lt;apex:page controller="ContractRenewalFormController"&gt;
  &lt;!-- Begin Default Content REMOVE THIS --&gt;
  
  &lt;head&gt;
  
      &lt;title&gt;
                  Contract Renewal | ImPACT-Testing &amp;amp; Computerized Neurocognitive Assessment Tools
      &lt;/title&gt;
  
      &lt;meta charset="UTF-8"/&gt;
  
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;meta name="language" content="en"/&gt;
      &lt;meta name="description" content="" /&gt;
      &lt;meta name="keywords" content="" /&gt;
  
      &lt;!-- style sheets --&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600' rel='stylesheet' type='text/css'/&gt;
      &lt;apex:stylesheet value="{$Resource.reset}"/&gt;
      &lt;apex:stylesheet value="{$Resource.default}"/&gt;
      &lt;apex:stylesheet value="{$Resource.medium}"/&gt;
      &lt;apex:stylesheet value="{$Resource.small}"/&gt;
      &lt;apex:stylesheet value="{$Resource.defaultoverride}"/&gt;
      &lt;apex:stylesheet value="{$Resource.print}"/&gt;
  
      &lt;!--&lt;link href="../css/reset.css?v=0" rel="stylesheet" media="screen, projection, print" /&gt;
      &lt;link href="../css/default.css?v=2" rel="stylesheet" media="screen, projection" /&gt;
      &lt;link href="../css/medium.css?v=0" rel="stylesheet" media="screen and (max-width : 960px)" /&gt;
      &lt;link href="../css/small.css?v=0" rel="stylesheet" media="screen and (max-width: 640px)" /&gt;
      &lt;link href="../css/default-override.css?v=0" rel="stylesheet" media="screen, projection" /&gt;
      &lt;link href="../css/print.css?v=0" rel="stylesheet" media="print" /&gt;--&gt;
  
      &lt;!-- scripts --&gt;
              &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
       &lt;script type="text/javascript"&gt;$.noConflict()&lt;/script&gt;
      &lt;!-- analytics --&gt;
      &lt;script&gt;
    function clearText(mesg,id){
      var r=document.regform;
      if (r.elements[id].value == mesg) r.elements[id].value = '';
      r.elements[id].style.color="#000";
  }
  function checkText(mesg,id){
      var r=document.regform;
      curText = r.elements[id].value; 
      curText = curText.replace(" ",""); 
      if(curText == "") r.elements[id].value = mesg;
      r.elements[id].style.color="#000";
  }
  
  function checkdets(){
      var r=document.regform;
      if(r.name.value=="" || r.name.value=="Account Name"){
          alert("Please enter account name");
          r.name.value==""
          r.name.focus();
          return false;
      }
      if(r.ReferenceID.value=="" || r.ReferenceID.value=="Reference Number"){
          alert("Please enter reference number");
          r.ReferenceID.value==""
          r.ReferenceID.focus();
          return false;
      }
  }
  
      &lt;/script&gt;
  
      &lt;!--[if lte IE 8]&gt;
          &lt;script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;!-- analytics --&gt;
  &lt;/head&gt;
  
  &lt;body class="pay"&gt;
  &lt;div class="skipnav"&gt;&lt;a href=""&gt;Jump to main content&lt;/a&gt;&lt;/div&gt;
  
  &lt;div class="pagewrap"&gt;
  
      &lt;div class="mastheadWrap"&gt;
  
          &lt;div class="masthead"&gt;
  
              &lt;h1&gt;&lt;a href="https://www.impacttest.com"&gt;ImPACT Test&lt;/a&gt;&lt;/h1&gt;
  
              &lt;h1&gt;&lt;a href="https://www.impacttest.com" class="mobileonly"&gt;&lt;img src="../imgs/impact-test-mobile.png" alt="ImPACT Test" /&gt;&lt;/a&gt;&lt;/h1&gt;
  
              &lt;nav class="topNav"&gt;
  
                  &lt;a href="https://www.impacttest.com/find_care_provider/" class="provider2_nav"&gt;Find a Care Provider&lt;/a&gt;
                  &lt;a href="https://www.impacttestonline.com/customercenter/" class="client_nav"&gt;Customer Center&lt;/a&gt;
  
              &lt;/nav&gt;&lt;!-- /topNav --&gt;
  
              &lt;nav class="mainNav"&gt;
  
                  &lt;a href="https://www.impacttest.com" class="home_nav"&gt;Home&lt;/a&gt;
                  &lt;a href="https://www.impacttest.com/about/" class="about_nav"&gt;About&lt;/a&gt;
                  &lt;a href="https://www.impacttest.com/products/" class="products_nav"&gt;Products&lt;/a&gt;
                  &lt;a href="https://www.impacttest.com/research/" class="research_nav"&gt;Research&lt;/a&gt;
                  &lt;a href="https://www.impacttest.com/training/" class="training_nav"&gt;Training&lt;/a&gt;
                  &lt;a href="https://www.impacttest.com/support/" class="support_nav"&gt;Support&lt;/a&gt;
                  &lt;a href="https://www.impacttest.com/purchase/" class="purchase_nav"&gt;Purchase&lt;/a&gt;
                  &lt;a href="https://www.impacttest.com/news/" class="news_nav"&gt;News&lt;/a&gt;
                  &lt;a href="" class="search_nav" id="searchBtn"&gt;Search&lt;/a&gt;
  
              &lt;/nav&gt;&lt;!-- /mainNav --&gt;
  
  
              &lt;div class="mobileNavTrigger mobileonly"&gt;
                  &lt;a href="#"&gt;&lt;img src="../imgs/btn-mobilenav.png"/&gt;&lt;/a&gt;
              &lt;/div&gt;&lt;!-- /mobileNavTrigger --&gt;
  
          &lt;/div&gt;&lt;!--/masthead--&gt;
  
      &lt;/div&gt;&lt;!-- /mastheadWrap --&gt;
      &lt;div class="contentwrap group" id="content"&gt;
  
                              &lt;h1&gt;Contract Renewal&lt;/h1&gt;
  
              &lt;div class="maincontent "&gt;
  
      &lt;div class="errors" style="color:red;"&gt;&lt;/div&gt;
  &lt;div  id="purchase-form"&gt;
   &lt;apex:form &gt;
        &lt;apex:pageMessages /&gt;
      &lt;h5&gt;Account Information&lt;/h5&gt;
  
  
  
      &lt;hr /&gt; 
      &lt;table cellpadding="8" cellspacing="0" border="0" id="regformTable"&gt;                                    
      &lt;tr&gt; 
        &lt;td&gt;Account Name&amp;nbsp;&lt;/td&gt; 
        &lt;td nowrap="nowrap"&gt;&lt;div style="padding-left:10px;"&gt;&lt;/div&gt;
          &lt;input name="name" id="name" type="text" class="metal" size="20" style="color:#666;"
                          value="Account Name"
                          onfocus="clearText('Account Name','name')"
                          onblur="checkText('Account Name','name')"
                      /&gt; 
            &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt; 
      &lt;/tr&gt;
      &lt;!--&lt;tr&gt;&lt;td nowrap="nowrap"&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;--&gt;
       &lt;tr&gt; 
        &lt;td&gt;Reference Number&amp;nbsp;&lt;/td&gt; 
        &lt;td nowrap="nowrap"&gt;&lt;div style="padding-left:10px;"&gt;&lt;/div&gt;
          &lt;input name="ReferenceID" id="ReferenceID" type="text" class="metal" size="20" style="color:#666;"
                          value="Reference Number"
                          onfocus="clearText('Reference Number','ReferenceID')"
                          onblur="checkText('Reference Number','ReferenceID')"
                      /&gt; 
            &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/td&gt; 
      &lt;/tr&gt;
      &lt;tr&gt;&lt;td nowrap="nowrap"&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;!--&lt;tr&gt;&lt;td nowrap="nowrap"&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;--&gt;
      &lt;tr&gt;
     &lt;!--&lt;td&gt;&lt;input name="submitConfirm" type="submit" value="Confirm" id="submitConfirm" class="button-styled" /&gt;&lt;/td&gt; --&gt;
         &lt;!-- &lt;td&gt;&lt;input name="submitCancel" type="submit" value="Cancel" id="submitCancel" class="button-styled" /&gt;&lt;/td&gt; --&gt;
          &lt;td&gt;&lt;apex:commandButton action="{!confirm}" value="Confirm" id="confirmButton" styleClass="button-styled"/&gt;&lt;/td&gt;
          &lt;td&gt;&lt;apex:commandButton action="{!cancel}" value="Cancel" id="cancelButton" styleClass="button-styled"/&gt;&lt;/td&gt;
  
  
        &lt;/tr&gt;     
    &lt;/table&gt;
    &lt;/apex:form&gt;
    &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="footerWrap"&gt;
  
          &lt;div class="footer"&gt;            
  
              &lt;div class="section group"&gt;
  
                  &lt;nav class="inTouch"&gt;
  
                      &lt;a href="https://www.facebook.com/pages/ImPACT-Test-Concussion-Management-Program-for-Athletes/172173736183751" class="social facebook"&gt;&lt;img src="../imgs/ico-facebook.png" alt="Like us on Facebook" /&gt;&lt;/a&gt;&lt;a href="https://www.youtube.com/user/ImPACTTest" class="social youtube"&gt;&lt;img src="../imgs/ico-youtube.png" alt="Subscribe on YouTube" /&gt;&lt;/a&gt;
  
                      &lt;a href="https://www.impacttest.com/contact/" class="mail"&gt;
                          &lt;img src="../imgs/ico-mail.png" alt="" /&gt;
                          Contact Us
                      &lt;/a&gt;
  
                      &lt;a href="" class="phone"&gt;
                          &lt;img src="../imgs/ico-message.png" alt="" /&gt;
                          1.877.646.7991
                      &lt;/a&gt;
  
                      &lt;a href="#" class="newsletter" onclick="popUp=window.open('https://confirmsubscription.com/h/t/9279885E317A82C6', 'popupwindow', 'scrollbars=yes,width=600,height=400');popUp.focus();return false"&gt;
                          &lt;img src="../imgs/ico-pencil.png" alt="" /&gt;
                          Sign up for our newsletter
                      &lt;/a&gt;
  
                  &lt;/nav&gt;&lt;!-- /inTouch --&gt;
  
                  &lt;nav class="terms"&gt;
  
                      &lt;a href="https://www.impacttest.com/legal/?Privacy-Policy-1"&gt;Privacy Policy&lt;/a&gt;
                      &lt;a href="https://www.impacttest.com/legal/?Terms-and-Conditions-2"&gt;Terms and Conditions&lt;/a&gt;
                      &lt;span class="copyright"&gt;ImPACT Applications, Inc. &amp;copy; 2014&lt;/span&gt;
  
                  &lt;/nav&gt;&lt;!-- /terms --&gt;
  
              &lt;/div&gt;&lt;!-- /section --&gt;
  
          &lt;/div&gt;&lt;!--/footer--&gt;
  
      &lt;/div&gt;&lt;!-- /footerWrap --&gt;
  
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;!-- End Default Content REMOVE THIS --&gt;
  &lt;/apex:page&gt;
  </code></pre>