Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I ran into a problem this evening that I don't really understand. I just uploaded some edits to a page on my site along with the updated CSS stylesheet and a new .js file, but a lot of the style is missing or not functioning properly.
Has anyone experienced this? And how do you suggest I debug this? I've tried to upload the pages again, but the same thing happens.
Also, just to clarify. The content is there but it is not displaying how it should, given the js and css commands.
1- hard refresh the page using Ctrl+F5 to void the web cache. The browser is probably reading the content from the cache. You can temporary rename the css file to force the browser loading new files.
2- Set expires for content (So visitors wont need to use hard refresh).
(How to set content expire)
3- Check The console to find if there is error about file addresses or other possible fails.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 11 months ago.
Improve this question
I used inspect-element to change words and images on a website for a project and then saved the newly edited site as a file, but after working fine the first few times I ran it. The file started to show up weird. It originally looked like the linked Clickhole.com article that I've linked albeit with my modifications. And now shows up broken. So I was wondering how to make the file look right again.
It might be because the file was originally ran in on a Google-chrome laptop but doesn't know what to do trying to run on a Mac or Windows computer but I'm not sure.
How the edited code shows up
How it originally looked
You would need to download all the assets the HTML file is pointing to, like the images and style.css. Or you could add a base tag in the head element of the HTML file to make the website look for assets in the original.
<base href="https://clickhole.com/overstepping-her-bounds-j-k-rowling-has-announced-tha-1828826710/">
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
So, I'm doing a test for a job opportunity, and one of the challenges was to develop a website to show how I'm programming sites. I did the site, used some javascript components to add a carousel, a sidebar, and other cool addons, along with bootstrap.
The opportunity said that the site needs to be upload at GitHub pages, so i uploaded all my files (all the .js, .css, index.html, and images) to the main branch and did a pull request to the GH-pages branch. But when I opened the link, the CSS, javascript, and other stuff don't seem to work. How can I fix this?
PS: Do the site only using html+css isn't an option now due time to deliver the site.
How it should look:
How it is looking in the GitHub pages link:
It is probably your file isn't loading. Check console to see if there is an error. It gets sometimes to load js files on GitHub pages. Try reloading the page.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I'm trying to get my code to work for my html page for class but the parts on my css that I added today are not showing up. Here is the link to the site and css if you anyone could take a look at it and give me some help!
Carson
http://pages.iu.edu/~ctkeller/i101/css2.html
http://pages.iu.edu/~ctkeller/i101/css2.css
This is because your css is cached by your browser. By a hard refresh you can clear the cache.You can learn about hard refresh here.
But you can't ask your clients to hard refresh. So you need to update the version of the css file where the browser will understand it's new version and clear the cache and load the new version itself.
The way of updating the css version is add ?version=version_no in the css include path.
eg: <link rel="stylesheet" type="text/css" href="css/style.css?version=1" />
Your browser has likely cached an old version of the webpage and CSS. Press Ctrl + F5 to clear the cache for the webpage, and refresh it.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
Getting my head banging since this morning to do this simple (I think) thing:
I want to create a link (manually) that automatically selects the third Tab and adds some text to this webpage:
http://www.acessibilidade.gov.pt/accessmonitor/
I've tried some ways, including http://www.acessibilidade.gov.pt/accessmonitor/?#form3 but to no avail... what I am really missing here? Is even possible?
Thanks in advance.
If you dont have access to edit this page's source code then you cannot do what you are suggesting with a simple url or querystring value.
If you could edit the page then you could add some JavaScript or server side code to open the tab you specify in the query string/url.
Fancier solutions include proxying the site and injecting your own javascript or simply re-writing the html but this isn't really recommended as any such solution would be very fragile and the owner of the original site may not be too happy with you doing that.
You could also use a browser automation tool like selenium.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 8 years ago.
Improve this question
In an attempt to learn HTML, I thought it may be a good idea to edit some simple code. So, I navigated to what I figured was a simple layout on a website and copied the source to my desktop. I made minor changes and attempted then to reopen the HTML file in a browser to see the changes.
Instead of the same layout with a few minor adjustments, the entire scheme was deformed. The wording was all there(no longer formatted), but the background was now white and all the links appeared structrually in one column on the left side of the screen.
So, in essense, what is the best way to learn HTML and why didn't my attempt at editing work? Are there more files required than provded by a simple source save provides?
The HTML likely references things by RELATIVE PATH, e.g. a CSS File included with /styles/... not http://originaldomain.com/styles/... So if you just saved the HTML, none of the relative paths will resolve. Most browsers allow you to file --> save page as, which will copy not just the file but also the resources.
Try www.w3schools.com/html/ should give you a good start and a good understanding. Don't try and run before you can walk! And try learning CSS aswell
The file you needed was an external CSS file. It is linked to in the head of the document. This site is better than w3schools, www.w3fools.com
There are a lot of videos out there. Try www.reddit.com/r/learnprogramming
That community is much laid back and friendly!