Could not load images - website loaded without formatting
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?
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?
Réiteach roghnaithe
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)
As firefox supports HTML 5 so please kindly change some coding. It will work more better than Chrome or IE.
Réiteach Roghnaithe
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">
I tried your link today.
The connection has timed out
The server at varun.web44.net is taking too long to respond.
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 -->
Athraithe ag cor-el ar