edited again to say NEVERMIND because problem is no longer occurring(?)
EDITED TO ADD LINKS
my site:
http://www.mainstreetmassage.co/index.html - relative path to stylesheet
http://www.mainstreetmassage.co/index2.html - absolute path to stylesheet
copy site on same host account:
http://
www.mcdanielcounseling.com/index.html
this "copy site" is the site that got changed last night by deleting just the html and css for the blue ribbon that had the custom fonts inside it - but the actual font files are still in the "copy site"'s css folder
The 2 sites are in 2 separate folders and don't share any resources.
END OF EDIT
2 custom fonts used to work fine no matter what browser. I had a little trouble initially getting FF to work but sorted that a while ago by putting the font files "loose" in the css folder, not in a folder of their own, and it's worked fine since then.
All the links I made absolute, because that seemed to make the page faster, but that too was a while ago and no trouble until this morning.
The only thing I can think of that's changed is, I set up a second site on same hosting account or server, it was at first just a copy and paste of my site but I've been slowly changing it for the owner, and last night, in that site's folder only, I deleted not the custom font files, but just the references to them in the CSS file, plus the HTML element that used them - but only in the 2nd site, not mine.
Then all of the sudden today the fonts are not displaying in FF at all, on my site. I fixed it sort of by following another answer on here that suggested making the urls relative for the css, and that worked, but I am wondering what made it happen and if I need a more permanent fix.
Thank you
Related
I have set up a site with ExpressionEngine, and put the fonts and images folder in the root of the site, and they work absolutely fine for pages that are template group home pages (with the house icon) but they suddenly dont work on pages that are added to the same template group as new templates...
the paths look like this in the html:
href="fonts/Anybody.woff2" or url(img/header_stripes_light.svg)
where should I copy the fonts and images folders to make them also work in subtemplates? I couldn't find anything useful in their documentation about this issue.
That's an easy one! make those url's absolute and you're fine.
Do it like this: href="/fonts/Anybody.woff2" or url(/img/header_stripes_light.svg)
Your paths are relative to the page now, so without the initial "/"
I downloaded a binary via docker for the Gogs project (https://github.com/gogits/gogs), set it up (via docker pull gogs/gogs) and the server works as expected. Now I'm trying to customize the html a bit to look consistent with our company's other tools. When looking at deployed project, the assets of interest are in the following directories:
public/img/*.png
public/css/*.css
templates/*.tmpl
When I update the css, changes take effect right away, when I update tmpl, I need a container restart (implying that html is generated at server start time), when I update anything in public/img/ directory, however, I can't seem to get those assets used at all and I'm clueless about what's happening since most web servers/frameworks treat public/img/ as a static directory with all of its contents publicly visible by default.
Here is what I've tried so far and the outcomes:
Action: copied a new favicon image (my_favicon.png) into public/img/ and changed /templates/base/head.html to point to it (/img/my_favicon.png) instead of the original (/img/favicon.png), left original untouched and restarted the container.
Result: page loads with broken image icon, DOM inspector says that it's pointing to /img/my_favicon.png but doesn't show the image, going to that URL directly doesn't show the image either.
Action: change .tmpl back to point to original image (/img/favicon.png), overwrite original with the new image. I tried this with the main lg-gogs.png logo too.
Result: page loads with broken image icon just like before.
A grep search for image name revealed that only the .tmpl I modified and config.codekit are mentioning it (and I'm not at all familiar with CodeKit, but the instructions claim that it's only relevant for git, not me, and to leave the file alone, although it seems to profile names and sizes of all images - however I don't see anything else on the server reference this codekit file).
I have no idea why changes to css and tmpl work fine, but images cause this unexpected result. Does anyone have an idea of what's going on, why the server isn't accepting the images?
How is it with the img/p folder in Prestashop 1.6.0.9? Is it possible fully to clean it? Cause this folder went to big now, and FTP is almost full now, i need space. For example when i renamed it on FTP, all images on the website worked, and prestashop created automaticaly one new img/p folder, and all seems that works right (also when the initial img/p was out after renaming). Thanks in advance.
when you delete the folder you may see the images working, its from smarty cache, once you clear the smarty cache, presta default (not found) image will be shown.
PROBLEM: I make changes to template_css.css, but those changes do not show up on website.
1 - I have tested the website on multiple browsers.
2 - I have cleared the browser cache on all of them.
3 - I have turned off Administrator/SEO-Settings/Search-Engine-Friendly-URLs
4 - I do not see an .htaccess file in the site's directory
5 - I can download the css file to my computer (via ftp), but cannot upload to that directory ... 755 permissions ... the site is on my webhost account that I have been using for many years.
6 - I am able to change&save the template_css.css (via *Administrator/Template Manager/Customize Template/Stylesheets/edit css/template_css.css*), and then download the css to my computer (via ftp) and verify that the change did succeed.
7 - I can navigate to the css file directly (via my browser), and it shows the OLD values.
8 - I can arbitrarily change the name of the template_css.css (via my ftp client), and the Administrator/Template Manager/Customize Template/Stylesheets/ will reflect the changed name.
9 - I can examine the html via firebug, and the css for the element in question indicates the correct css file: www.my_site.com/templates/pinboard_av_j17/css/template_css.css ... but it shows the OLD values.
10 - I can rename the .css file (via my ftp client), and then navigate to the old filename (via browser (with cleared cache)), and it will still show the .css file (with the old values).
The site is: b4x.si
EDIT: this morning I repeated #7 (navigated directly to the css file) and noticed that the css file has been updated so apparently at some point many hours after making the changes in the template manager, the css finally updated.
However, please keep in mind that initially after making the changes, if I ftp'd the css file to my computer that I Could see the changes (#6), but if I navigated directly to the css file via browser that I could Not see the changes (#7).
Are include files, such as server side include SSI, files necessary in an html website?
I recently tried to host my simple html website through GoDaddy. I used Dreamweaver CC to upload my files and encountered a problem. Some of my pages were not displaying images or css. I checked to see if the images and css were on the server and in the correct places and they were. Confused, I called GoDaddy's customer service, waited 35 minutes, and talked to one of their customer service reps. He basically told me that it may be my code and that I need 'include' files.
I have looked all over the web and I'm still not entirely sure what an include file is... I got from my research that they are snips of code that call images/files without having to write out the same thing on every page. If I have copied and pasted the same thing on every page, why then would I need an 'include' file? I previously had my website hosted through Hostmonster, still do now, and I have never had to alter my code...
I am still new to the world of coding, so please be kind. If anyone knows of a good resource to help explain the use of 'include' files please post it or correct me if I am wrong. Thank you.
I think the GoDaddy "support" guy was talking about the include operation in your html files that you need to fetch your css files.
Presumably your web pages work correctly when you display them locally on your development machine -- the machine where you run Dreamweaver. If not, fix them. They'll probably need css files in some subdirectory (or maybe in the same directory as the html) and image files in some other subdirectory.
Open up your page, on the server, in a browser, and then do View Source. Look for your css file download commands ... which may look something like this ... in your source.
<link href="styles.css" rel="stylesheet" type="text/css" />
Are the links (the href items) what you thought they should be? Sometimes you'll find that they are absolute links like
file:\\d\myfiles\website\dreamweaver\some_other_junk\styles\foo.css
If they are you need to change them to
styles/foo.css
The same goes for images.
And, no, you don't need server-side include files to put up a working static web site.