CSS and other Style option not working on github pages [closed] - html

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.

Related

My GitHub webpage isn't available on the web [closed]

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 20 days ago.
Improve this question
My GitHub page (https://visheshbons.github.io/cv/) isn't opening properly. All I get is this:
I tried deleting the repository and remaking it so it would come but it just gave me error 404 anyway.
Can you please give me some solutions?
Thanks.
My problems are solved for HTML code, but my CSS isn't there. Image-without-css
Thanks! My problem is solved!
You have to publish your website, from your repository settings, go to "Pages"
Then choose your branch and your root folder
then click on "Save" and wait for couple of minutes for your website to be published, then refresh the page to see your URL like this:

How make the HTML I took from another site show up properly? [closed]

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/">

How to display the rendered HTML of the code in Github Repository [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 1 year ago.
Improve this question
This is an old problem but I fail to find satisfied answer. I create a repository with some html files. When I open it, I see the html source code instead of the rendered version. The example is here: Example.
What I want to do is that I see the rendered html webpage when I open the html files in my repository (not source code). I searched the answer online, some people said that it's impossible since Github force it to source code. Is it correct?
I know Github page and https://htmlpreview.github.io/, but they are not what I expected. The reason is that they try to create a new url link. I think that RawGit does the similar thing.
Do you have any idea to solve my problem? Or you can confirm that my idea is infeasible. Thank you very much in advance!
Looks like you are going to need to use Github Pages:
https://pages.github.com/
They have a nice tutorial set up.

Online page is losing styling and edits compared to offline page [closed]

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.

Implement Bootstrap Nav Bar on Own Site [closed]

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 7 years ago.
Improve this question
Was wondering if there was a simple way of implementing the navbar from this site onto my website. I have tried copying the source code from the html file to my page, and linking the bootstrap.min.css file to my site's html page, but I cannot get the navbar to work. The button's image doesn't come, and, when clicked in the place the button would usually be, the navbar doesn't show.
Is there a simple way of putting this into my site, without copying useful and non-useful source code onto my page and hoping it would work?
Could someone please highlight the code that I would need to copy to my site, for this to work?
Thanks
It's not enough just to link the bootstrap.min.css file to make Bootstrap work. You'll also need some scripts: bootstrap.min.js is a must and you're probably going to need JQuery as well.
Also, be sure to link to the bootstrap.min.css file from that template, which could be a modified version of Bootstrap's original template.