Okay my problem is that the less files are not working on the live server. I have made double sure that they are there and that the paths are correct, but it just is not working.
This does however work fine on the localhost.
My script is as follows
<link href="fonts/fonts.css" rel="stylesheet">
<!-- CSS files for plugins -->
<link href="stylesheets/pace.preloader.css" rel="stylesheet">
<link href="stylesheets/animate.css" rel="stylesheet">
<link href="stylesheets/parallax.css" rel="stylesheet">
<link href="stylesheets/owl.carousel.css" rel="stylesheet">
<link href="stylesheets/owl.theme.css" rel="stylesheet">
<link href="stylesheets/magnific-popup.css" rel="stylesheet" >
<link href="stylesheets/jquery.tweet.css" rel="stylesheet"/>
<link href="stylesheets/foliohover.css" rel="stylesheet">
<link href="stylesheets/fancymenu.css" rel="stylesheet">
<link href="stylesheets/intro.css" rel="stylesheet">
<link rel="stylesheet" type="text/less" href="less/color.less" />
<!-- Main Template Styles -->
<link href="stylesheets/main.css" rel="stylesheet">
<!-- Main Template Responsive Styles -->
<link href="stylesheets/main-responsive.css" rel="stylesheet">
<!-- Main Template Retina Optimizaton Rules -->
<link href="stylesheets/main-retina.css" rel="stylesheet">
<!-- LESS stylesheet for managing color presets -->
<!-- LESS JS engine-->
<script src="less/less-1.5.0.min.js"></script>
<script src="javascripts/modernizr.custom.js"></script>
If you open inspect element you will see the 404 errors for the less files
View the site live here: www.codethis.co.za
Please any help would be much appreciated
Related
I'm trying to add the clock picker Jquery plugin to my website. I build it first in the extern file, then I migrate the code into my website html, but doesn't work.
I already try to fix the problem with the console, and I see an error 404 with the link, ../css/style.css, but the problem I didn't add any link about a file "style.css".
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap - CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="src/css/reservation.css">
<!-- FontAwesome CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!--Font-->
<!-- Jquery JS & CSS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<!-- Time-Picker CSS -->
<link rel="stylesheet" href="src/css/datetimepicker/clockpicker.css">
<!-- Time-Picker JS -->
<script type="text/javascript" src="src/js/clockpicker.js"></script>
<script type="text/javascript" src="src/js/mesfonctions.js"></script>
<title> Réservation - Café Restaurant du Chemin de Fer</title>
I expect that the trouble doesn't come from my html file actually. Can have a problem with the clocktimer.js (the plugin I mean?)
For some reason I can't link my files and external stylesheet, external JS files to my index.php file.
I have linked index.php to style.css from the directory akobuy > styles folder:
I tried several options but it doesn't seem to load the stylesheet:
1. <link rel="stylesheet" type="text/css" href="styles/style.css">
2. <link rel="stylesheet" type="text/css" href="/styles/style.css">
3. <link rel="stylesheet" type="text/css" href="./styles/style.css">
4. <link rel="stylesheet" type="text/css" href="../Akobuy/styles/style.css">
Same is happening with JS and images:
I tried several other editors same issues.
Try this:
<link rel="stylesheet" type="text/css" href="../styles/style.css">
Related with your images. ../ mean back to parent.
I've built a web site using jQuery and Fancybox. It works fine on the web but I'd like to put it on a Hoo-Too Tripmate Titan to access it offline. The thing is it doesn't work although jQuery and Fancybox are included in the web site tree.
Here's the code of the the calls to the libraries.
<link rel="stylesheet" href="css/general.css">
<link rel="shortcut icon" href="images/icone_site.png">
<link rel="apple-touch-icon" href="images/icone_site.png">
<link rel="apple-touch-icon-precomposed" href="images/icone_site.png">
<link rel="icon" type="image/png" href="images/icone_site.png" />
<script src="jquery/jquery-2.1.3.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
Any idea ?
I an unable to access the few of CSS and JS files in my SPring MVC project. Below are the code in jsp page.
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/demopage.css" />
<link rel="stylesheet" type="text/css" href="/css/demo_table.css" />
<link rel="stylesheet" type="text/css" href="/css/demo_table_jui.css" />
<link rel="stylesheet" type="text/css" href="/css/jquery-ui-1.8.24.custom.css" />
<script src="/javascript/jquery.js" type="text/javascript"></script>
<script src="/javascript/jquery_dataTables.js" type="text/javascript"></script>
It is able to access style.css and jquery.js files where as other files are not found but they have been kept with the these files only.
Recheck your paths. if it's dynamic, you probably need spring MVC specific linking.
I have a problem with my website. It works fine in all the main browsers except for FireFox. The images are not displaying, the menu isn't working and the overall lay-out isn't showing. I know I haven't placed any alt attributes inside the img tags, but I think this isn't the problem because it works in all the other browsers.
Do you guys have an idea how to solve this?
The link is http://portfolio.io.utwente.nl/student/roosmalenjjvan/
Thanks!
That's because you used
<link href="css\style.css" rel="stylesheet" type="text/css">
<!-- ^^^ see incorrect slash here -->
notice \ while it should be / like
<link href="css/style.css" rel="stylesheet" type="text/css">
<!-- ^^^ this is correct slash here -->
Your css path is not correct link http://portfolio.io.utwente.nl/student/roosmalenjjvan/css\style.css
Here you using <link href="css\style.css" rel="stylesheet" type="text/css">
Try this way <link href="css/style.css" rel="stylesheet" type="text/css">
Try use http://portfolio.io.utwente.nl/student/roosmalenjjvan/css/style.css
Please correct your css path...
Currently it is
<link href="css\style.css" rel="stylesheet" type="text/css">
please change to
<link href="css/style.css" rel="stylesheet" type="text/css">
That you are using backslash( \ ) instead of forwardslash(/) in so many places(have a look on below Examples) of your code you just replace the backslashes,
<link href="css\style.css" rel="stylesheet" type="text/css">
<link rel="icon" href="img\favicon.jpg" type="image/x-icon">
<img src="img\jopvanroosmalen.png">
Replace this with
<link href="css/style.css" rel="stylesheet" type="text/css">
<link rel="icon" href="img/favicon.jpg" type="image/x-icon">
<img src="img/jopvanroosmalen.png"> and so on