I have a CSS file that has more than 300 lines. A number of html and PHP files use this CSS as external stylesheet and all this works fine if opened from my local drive.
However, once installed on the remote web server, entries after the 300th line in the CSS file do not take effect. This issue occurs only on Google Chrome (Version 52.0.2743.116) and not in IE, Edge or Firefox browsers. The workaround is to adopt internal / inline styling for the specific ids and classes in each of the html/php files.
While I have reported the issue to Google, I would appreciate any suggestions to resolve this issue from the developers' end. Thanks.
Related
I am looking for suggestions on how to reference a local image file in HTML. The HTML code will only ever be used locally and never be published on a network of any type. I find that this code
<img src="file://l:/Test FFHP data/1042545.tif">
works well in Internet Explorer and Edge. It does not work at all with Chrome or FireFox.
Please give me some direction. I am hoping my users will be able to use their preferred browser.
I'm working on my website, matthewbellanalytics.com, and I have been trying to make some changes to the contact.css CSS of the contact page. I edited the CSS file and the changes that I was seeing offline weren't reflected online.
Specifically, I changed the background-color:blue, which worked offline as seen here:
I then replaced that file on my hostgator server and I double checked that it was replaced correctly by re-downloading the CSS file from my cPanel.
background-color:blue was definitely still part of the code.
But when I view the website online. background-color:blue, is mysteriously not part of the CSS file anymore.
I assumed this must be a caching issue so I cleared the cache on both firefox and chrome, but still no luck. I then tried opening the website on Opera which I haven't done before so there should be no cache. No luck.
The online page still isn't updating to blue, and looks like this:
Check the css file path. In server the path might vary.
I was able to solve it in chrome, but not firefox, by going into the developer tools and disabling the cache from there under the "network" tab. No other method of clearing cache seems to work.
This is kind of a long shot, but I'm at my wit's end. At some point in developing a locally hosted Foundation page, the Chrome Developer tools stopped displaying the stylesheet and line for each individual CSS rule when inspected, but instead just seems to show the media query for the element. I've noticed that other pages I've built with Foundation, locally hosted are doing the same thing. It only seems to be locally hosted Foundation pages that are giving me this problem. Locally hosted Bootstrap pages work as expected, as well as Foundation pages that are actually hosted. I have no idea what is going on here, or why the Developer Tools would just stop working in the middle of a build. I've checked all my settings, went as far as downloading Chrome Canary and am seeing the same results. I'm not running any kind of local server like MAMP, and this have never been an issue in the past.
Any help?
If you are using prefixfree.min.js just remove or comment it out and everything should go back to normal.
I'm pretty sure the answer was in my file folder structure. The parent folder contained a blank " "space, replaced with a - everything seems to work.
I downloaded Font Awesome today and did it a try. In firefox and chrome (latest versions) it appears as blank squares. If a use the CDN link, it doesnt even work, the standard bullets appear instead of the blank squares. But in codepen.io, it just worked fine, using the CDN.
The html i used is just the same as the example of the lists, which is here: http://codepen.io/pietrofxq/pen/BCaoD
Does someone knows the problem?
You are using a schemaless URL to access the CDN.
If you are trying to open the page from your disk (schema being file://) then it will fail is it will use the same schema to access the CDN
Try with a full URL http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css
If you are calling it from a server, then make sure that the font files are delivered correctly. Some servers need to be told to allow the font files to be accessed.
(use the console to see if they load ok)
I'm trying to get LiveReload to work with a local website I'm coding for now, but it won't seem to work. On non-local pages, the extension icon is clickable and all, but for local files, it's not: http://i.imgur.com/qrMDo.png
Does it not work with local files? I have it added within the app. Or does it not work with ML? It works if I add the script to the HTML file, but I'd prefer not to.
It seems to me that it is a bug.
It was reported here. I have exactly the same problems in Safari.
Just use different browser, if you can. It works great in Firefox for me.