Magento CSS Not Loading - magento

My magento CSS is not loading, and when I try to view source, I noticed something on its src..
<link rel="stylesheet" type="text/css" href="C:\Program Files (x86)\Zend\Apache2\htdocs\myecommerce-local_comhttp://myecommerce.com/skin/frontend/base/default/css/style.css" media="all" />
its look like there's a problem in source file.
It should be like this
<link rel="stylesheet" type="text/css" href="C:\Program Files (x86)\Zend\Apache2\htdocs\myecommerce-local_com\skin\frontend\base\default\css\style.css" media="all" />
What should I do? to change the source of my style?
Thanks

Are you using an Addon like GT Speed do combine/reduce your JS and CSS files? I uninstalled it and the problem was solved.

Related

CSS files loaded but display wrong on Laravel9

I deploy the Laravel9 project to the centos server. (https://fullstacktrainingclass.com), but got a display problem on the live server, below is a CSS list that was added with the asset command.
<link rel="stylesheet" href="{{asset('assets/css/magnific-popup.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/content-box.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/contact-form.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/media-box.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/skin.css')}}">
I check the view-source:https://fullstacktrainingclass.com/ and all CSS files were correctly loaded, but display wrong (they display correctly on the local machine).
Any advice or guidance on this would be greatly appreciated, Thanks.

What is the purpose of View>Page Style in Firefox?

What is the purpose of this menu? Are there supposed to be more options than no style and basic page style? Can I add more Styles? Does this have a history?
It's the website that provides the stylesheets. Some websites provide a choice of stylesheets which can be toggled between using this menu. Here's the documentation which gives the following example:
<link href="default.css" rel="stylesheet" type="text/css" title="Default Style">
<link href="fancy.css" rel="alternate stylesheet" type="text/css" title="Fancy">
<link href="basic.css" rel="alternate stylesheet" type="text/css" title="Basic">

why kendo.web.min.js and kendo.dataviz.min.js conflicts?

I own a construction grid kendo.web.min.js with kendo.dataviz.min.js, but when I use the Using both collision occurs.
But it is interesting that the project jsfiddle it works well but when I run the project visual studio
I encountered the following error TypeError: s is undefined
jsfiddle code
<link href="css/themes.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet" />
<link href="js/kendo/src/styles/kendo.dataviz.css" rel="stylesheet" />
<link href="js/kendo/styles/kendo.silver.min.css" rel="stylesheet" />
<link href="js/kendo/styles/kendo.common.min.css" rel="stylesheet" />
<script src="js/kendo/js/kendo.web.min.js"></script>
<script src="js/kendo/js/kendo.dataviz.min.js"></script>
<script src="js/kendo/src/js/kendo.dataviz.sparkline.js"></script>
They conflict because they include the same files - kendo.data.js, kendo.core.js etc. You should never include them in the same page - use kendo.all.min.js or create a JavaScript file with only the required features.
More info is available in the Kendo UI documentation - JavaScript dependencies.
DataViz script must be put before the Web script.
<script src="js/kendo/js/kendo.dataviz.min.js"></script>
<script src="js/kendo/js/kendo.web.min.js"></script>

Changing Magento File Paths

I was passed down a modded Magento application to do some modifications on and this is my first time using this kind of application. After rolling in pain for a day or two I finally managed to migrate the database. When I was trying to modify some CSS file I was stupefied to see it has no effect, then after an element inspection this came on
<script type="text/javascript" src="http://kicartonne.fr/js/mage/translate.js" ></script>
<script type="text/javascript" src="http://kicartonne.fr/js/mage/cookies.js" ></script>
<link rel="stylesheet" type="text/css" href="http://kicartonne.fr/skin/frontend/default/ki_cartonn/css/reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://kicartonne.fr/skin/frontend/default/ki_cartonn/css/boxes.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://kicartonne.fr/skin/frontend/default/ki_cartonn/css/menu.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://kicartonne.fr/skin/frontend/default/default/css/clears.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://kicartonne.fr/skin/frontend/default/default/css/print.css" media="print" />
All file paths come off as absolute! How can I fix this? I can't find anything.
Under System->Configuration->Web(pretty sure) change the base url to the site you're wanting. If you're inspecting element on it, of course it's going to be absolute, that's how HTML works. The content is being generated dynamically at runtime.

VS Annoying CSS Alert

<link href="http://www.../default.css" rel="stylesheet" type="text/css" />
Could not edit 'http://...' because it is not in the Web site.
I get this error box every five minutes, how do I get it to stop telling me this?
<link runat="server" id="defaultCss" rel="stylesheet" type="text/css"/>
and on your code behind
defaultCss.attributes.add("href","http://www..../default.css");
if your css is in your website then you can use
ResolveUrl("~/default.css")
to get the url
or probably best practice is to add it to your app theme folder http://msdn.microsoft.com/en-us/library/ykzx33wh.aspx and then not only will it be automatically added but you'll get intellisense
Well, seems like it's because you're including an href that points to a URL, instead of a relative web path.
Instead of
<link href="http://www.mysite.com/styles/default.css" rel="stylesheet" type="text/css"/>
use
<link href="/styles/default.css" rel="stylesheet" type="text/css"/>
Also, make sure your closing
/>
is valid in terms of your Doctype.

Resources