Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Could not load images - website loaded without formatting

  • 4 replies
  • 2 have this problem
  • 3869 views
  • Last reply by cor-el

more options

I created a website with parallax effects which loads beautifully in Chrome, Safari and Opera but not in Firefox. You can check the website at "varun.web44.net". Please help me identify the problem. Is it a problem of Firefox?

Chosen solution

That is a problem with backslashes in the URL of the files. You will have to change the backslashes to forward slashes to make it work in Firefox.

[1] <link href="css\bootstrap.css">
[2] <link href="css\bootstrap-theme.css">
[3] <link href="css\font-awesome.css">
[4] <link href="css\animate.css">
[5] <link href="css\prettyphoto.css">
[6] <link href="css\flexslider.css">
[7] <link href="css\style.css">
[8] <link href="css\responsive.css">
[9] <link href="css\demo-switcher.css">
[10] <link href="css\blue.css">
[11] <script src="js\modernizr.js">
[12] <script src="js\jquery.js">
[13] <link href="images\favicon.ico">
[14] <link href="images\apple-touch-icon.png">
[15] <link href="images\apple-touch-icon-72x72.png">
[16] <link href="images\apple-touch-icon-114x114.png">
[17] <img src="images\logo.png">
[18] <img src="images\logo.png">
[19] <img src="images\destination.png">
[20] <img src="images\security.png">
[21] <img src="images\payment.png">
[22] <img src="images\team-1.jpg">
[23] <img src="images\team-2.jpg">
[24] <img src="images\team-3.jpg">
[25] <script src="js\bootstrap.js">
[26] <script src="js\waypoints.js">
[27] <script src="js\jquery (1).js">
[28] <script src="js\smoothscroll.js">
[29] <script src="js\jquery.backstretch.js">
[30] <script src="js\jquery.flexslider.js">
[31] <script src="js\jquery.isotope.js">
[32] <script src="js\jquery (2).js">
[33] <script src="js\jquery (3).js">
[34] <script src="js\jquery (4).js">
[35] <script src="js\jquery (5).js">
[36] <script src="js\infy.js">
[37] <script src="js\demo-switcher.js">
Read this answer in context 👍 2

All Replies (4)

more options

As firefox supports HTML 5 so please kindly change some coding. It will work more better than Chrome or IE.

more options

Chosen Solution

That is a problem with backslashes in the URL of the files. You will have to change the backslashes to forward slashes to make it work in Firefox.

[1] <link href="css\bootstrap.css">
[2] <link href="css\bootstrap-theme.css">
[3] <link href="css\font-awesome.css">
[4] <link href="css\animate.css">
[5] <link href="css\prettyphoto.css">
[6] <link href="css\flexslider.css">
[7] <link href="css\style.css">
[8] <link href="css\responsive.css">
[9] <link href="css\demo-switcher.css">
[10] <link href="css\blue.css">
[11] <script src="js\modernizr.js">
[12] <script src="js\jquery.js">
[13] <link href="images\favicon.ico">
[14] <link href="images\apple-touch-icon.png">
[15] <link href="images\apple-touch-icon-72x72.png">
[16] <link href="images\apple-touch-icon-114x114.png">
[17] <img src="images\logo.png">
[18] <img src="images\logo.png">
[19] <img src="images\destination.png">
[20] <img src="images\security.png">
[21] <img src="images\payment.png">
[22] <img src="images\team-1.jpg">
[23] <img src="images\team-2.jpg">
[24] <img src="images\team-3.jpg">
[25] <script src="js\bootstrap.js">
[26] <script src="js\waypoints.js">
[27] <script src="js\jquery (1).js">
[28] <script src="js\smoothscroll.js">
[29] <script src="js\jquery.backstretch.js">
[30] <script src="js\jquery.flexslider.js">
[31] <script src="js\jquery.isotope.js">
[32] <script src="js\jquery (2).js">
[33] <script src="js\jquery (3).js">
[34] <script src="js\jquery (4).js">
[35] <script src="js\jquery (5).js">
[36] <script src="js\infy.js">
[37] <script src="js\demo-switcher.js">
more options

I tried your link today.

The connection has timed out

The server at varun.web44.net is taking too long to respond.

more options

Note that Firefox doesn't like the absence of a closing comment tag --> and marks the section in red code in the page source.

  <!-- ==============================================
  Clients
  =============================================== -->
  
  <!--
  -->
 <!-- End Container --><!--
  </section> --> <!-- End Clients Section -->


  <!-- ==============================================
  Map
  =============================================== -->

  <!--
  <section id="map">
   <div class="map-hover"></div>
   <div class="map-close">
             <a href="#"></a> 
   </div>
   <div id="map-holder"></div>
  </section> --> <!-- End Map Section -->

Modified by cor-el