I have a problem with one of the TYPO3 installations on my server. The whole thing loads but without styles and js. Comparing the neighboring installation on the same server (which works properly), the difference appears in the file paths.
The correct path has a form:
<link rel="stylesheet" type="text/css" href="/typo3/sysext/backend/Resources/Public/Css/backend.css?1571297500" media="all">
In an installation where the whole installation does not work, the path has a form:
<link rel="stylesheet" type="text/css" href="/typo3temp/assets/compressed/backend-0ec6c1600f439ab982e3d6ab38b2463c.css.1574420118.gzip" media="all">
There is no such file in the specified location - only
backend-0ec6c1600f439ab982e3d6ab38b2463c.css
backend-0ec6c1600f439ab982e3d6ab38b2463c.css.gzip
If I remove the fragment 1574420118.gzip from the code, part of the styles is loaded.
The strange thing is that both installations have the same .htaccess file and still generate different code.
Any idea where the reason for this is?
The setting you are looking for is an installation-wide setting called versionNumberInFilename.
It appears you have this enabled in the broken install, but not in the working one.
You can change the setting under 'Admin Tools -> Settings'. If you can't get there, you can change it in your typo3conf/LocalConfiguration.php or typo3conf/AdditionalConfiguration.php file.
Related
As the title says, <link rel="stylesheet" href="./css/style.css" />
This is the path for CSS file, and for unknown reason GitHub pages can't load CSS file.
I had this problem before, and resolved it with making new branch, but after one day this problem occurs again. Any ideas?
I'm a beginner in web Dev.. I have a website that displays properly on localhost but when I publish and try to render it on Github, the background image doesn't show up.. What can I do to remedy this
Can you post a bit of code for us to look at?
My guess is that you have the background image referenced absolutely on the computer, and it needs to be a relative reference to render when hosted online, but I can't say for sure without having some code to look at.
A link to your github project would also help.
Edit: It looks like you perhaps renamed your startup.css to style.css and forgot to edit the html header link from startup.css, to style.css
I.e. change
<link rel="stylesheet" type="text/css" href="startup.css">
to
<link rel="stylesheet" type="text/css" href="style.css">
Previous suggestion (no longer likely):
As you mention Windows, one possibility is that you have mixed up Capital and small letters somewhere in the filename or path.
Simple web-servers on Windows are often forgiving (as is Windows filesystem) of these mistakes, while internet is not-
I'd like to make a site wide icon for my website. Using Corel Photopaint X5, but it doesn't have an .ico export option.
I can make a 1-page-only favicon by exporting a 32x32 pixel .png file and then using the command
(my code examples are always trimmed out.)
on each page. However I've many,many pages, hence the need for a site-wide one.
I've used an on-line converter to make an .ico file 16,32,48 pixels which I've uploaded to my webroot. Permissions are 755. However no luck.
For reference my webroot is: my-domain.com/www/ My server uses this instead of public_html.
Use this code in header :
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
I was having a problem with my favicon previously, (here is my old favicon http://imgur.com/a/cATBc) (if you cant see it, it is a tiny blue dot in the corner of the screen)
But now, whenever I enter even a snippet of my old code, it immediately goes back to that favicon, even though I deleted all traces of it from my computer and GitHub.
My new favicon is a pug face.
Edit: ANY new website I make now has the old favicon.
Any help?
NEW EDIT: my website files are here: https://github.com/Pugplays42/htmlstuff
Check out the favicon-cheat-sheet from Audrey Roy Greenfeld.
Especially the "Forcing a Favicon Refresh" section:
Clear the browser cache on Windows (Ctrl+F5 or Ctrl+Shift+R) and on Mac (Command + Shift + R).
Also close and reopen browser if IE.
If still stuck, try opening new tab. Or see this question
Temporarily add explicit HTML markup and append a query string. Remove this when you're done:
<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?v=2" />
<link rel="icon" sizes="16x16 32x32" href="/favicon.ico?v=2">
For large versioned deployments, if all site visitors need their favicon force-refreshed in an extreme situation:
Add explicit HTML markup (customize the sizes part) and put your version number in the filename.
<link rel="shortcut icon" href="/favicon-v2.ico" />
<link rel="icon" sizes="16x16 32x32" href="/favicon-v2.ico">
Using minify, instead of including the individual CSS/JavaScript files directly, I have something like this in my HTML file:
<link rel="stylesheet" href="/min/g=css8" type="text/css"/>
Autocomplete for CSS or JavaScript doesn't work in this html.
I tried looking for ways to be able to specify the individual files to PhpStorm to use in autocomplete, but could not find any option. Suggestions?