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.
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 3 years ago.
Improve this question
So I know this question has been asked about a 1000 times but I can not link my CSS file to my HTML. I am new to code and just trying to practice making a website. I have them in the same folder with the CSS file in a folder, in that folder. I am on a mac. Here is my code, please help:
HTML code
CSS code
While checking screenshot of your code I found that you are using
type:"text/css"
into link tag, that should be
type="text/css"
replace : with = and than I guess it will solve your problem.
I don't know what your folder structure looks like, but chances are high that href should be "./css/style.css" instead of /css/style.css.
Also, I recommend using:
body {
background-color: purple;
}
or something else than just changing the font to make sure your css is working. It's easier to see a change that way.
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 8 years ago.
Improve this question
When I click the 'Home' button on my site (beta.tradeacademy.org/dashboard), it shows the links and search box without the css for a split second - as shown in the attached image. Can anyone explain why this happens?
Thanks in advance.
That's called FOUC.
Your CSS files are being fetched much later. Please refer the waterfall.
Try to fetch the CSS in the html head.
The CSS file may not have been loaded prior to the HTML, and therefore not rendered.
Changing the load order would mitigate this issue.
See css loads late, so html looks weird for a second for possible solutions to this.
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 3 years ago.
Improve this question
we are building a template for our eBay listings.
eBay allows users to upload a description as HTML code and allows that code to link your external CSS files.
eBay displays the user's HTML code in an iframe, it looks like eBay calculates the height of your page on load and then and resizes the iframe according to that height.
Here is a link to one of our test listings in eBay's sandbox environment:
http://cgi.sandbox.ebay.com/ws/eBayISAPI.dll?ViewItem&item=110097353751&ssPageName=ADME:L:LCA:US:1123#ht_692wt_1136
In Chrome / Firefox there's a second scroll bar next to the listing.
In IE, the listings just covers eBay's footer which is even worse
I solved this issue once using CSS and i can't remember how.
I would really appreciate any help.
Here is our CSS code:
http://pastebin.com/aj4bffG9
Just remove this line from the #StartDescription rule in your CSS file:
height: 650px;
With this change, it works fine for me in Chrome/Firefox/Opera.