Problem with footer that only happens on 1 browser [closed] - javascript

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
Hello fellow coders I have a website I'm making for a friend and I when I made it and opened it from the html file it looks perfectly normal. When I uploaded it to his web server the footer became white and the sites listed were vertical instead of horizontal.
Here is what I have tried:
Going on Microsoft edge worked but I use chrome and chrome doesn't show it like that!
Uploading it again.
Here is the code and html errors on website:
http://www.mediafire.com/file/kp9iihyjv120oi8/WEBSTIE.zip/file
Here is what the website looks like on the domain
Here is what it looks like when I open the html file
Thank you!

This is very simple, instead of download bootstrap files just add two lines.
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.3/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.3/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
this is the link to more options
https://getbootstrap.com/docs/4.5/getting-started/download/

Related

Javascript not showing up on GitHub Pages [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 4 months ago.
This post was edited and submitted for review 4 months ago and failed to reopen the post:
Original close reason(s) were not resolved
Improve this question
I'm new to web development.
I made a website using HTML, CSS, and JavaScript and uploaded it to GitHub Pages. My JavaScript doesn't work there.
When running on my localhost, everything works fine, but on GitHub pages the javascript simply does not show up on my HTML page. If you check the IMPORTANTE_LER.md file, there's a youtube video on how it looks on localhost.
My repo: https://github.com/maruan-achkar/N2PAC_NEW
Console errors:
Probably the way you included your JS file path breaks in Github Pages because it can't find the file so adding a "./something.js" to your include might fix it.
<script src="./something.js" type="module"></script>

full calendar doesn't display in browser [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 5 years ago.
Improve this question
I am trying to create full calendar in web application. But the calendar doesn't display in browser. I don't know what should i do?
I follow the code in https://fullcalendar.io/docs/usage/ and i tray to test it in http://jsfiddle.net and it work.However, When i test the web app, it doesn't give any error only empty whit page in both chrome and explorer .
hope you know the reason.
See the example code and results from snippet below. The possible reason you did not get it could be the external library was not included.
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
})
});
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.8.0/fullcalendar.min.css' />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.8.0/fullcalendar.min.js'></script>
<div id='calendar'></div>

Browserify and babelify works locally, but not on live website [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'm building a project in React and Javascript, and I'm building with Browserify and Babelify, outputting a bundle.js file. When I run index.html locally, everything like Bootstrap, fonts, and CSS files are loaded properly. But after submitting it to Github Pages onto my custom domain, everything's messed up - images are everywhere, no formatting, Bootstrap is clearly not loaded. I'm assuming the file path got messed up, but why?
<head>
<link rel="stylesheet" href="./src/stylesheet/style.scss"> # The path only works locally
</head>
<body>
<div id="app"></div>
<script src="./bundle.js"></script>
</body>

Wordpress websites takes almost a minute to load [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 6 years ago.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
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.
Improve this question
My wordpress website is very slow. It takes around one minute to load. I tried various plugins and other troubleshooting options to find out the reasons behind high loading time, but I could not find any. The website can be found here
http://www.developmentlogics.com/
What can I do to improve the site performance?
Try commenting out the following code from your site to see what happens. There is a timeout error on the loaded JS file 4190.js and it is causing the rest of your website to not complete until that error is triggered.
<!--Start of GHRec Script-->
<script type="text/javascript">
(function() {
var host = ("https:" == document.location.protocol ? "https://secure.eemt.se" : "http://www.eemt.se");
document.write(unescape("%3Cscript src='" + host + "/gt/js/4190.js' type='text/javascript'%3E%3C/script%3E"));
})();
</script>
<!--End of GHRec Script-->
I'm not sure if this is what you are looking for. You can press "f12" and under the networking tab you can see all the timing for the files to be loaded.
I had the same issue with my website, though couple of things you need to ensure.
1 - Don't add preloader to a page where you may have a counter. In your website we can see on row with counters, due to which your pre-loader is taking time to load the website.
2. Try to minimize your CSS and compress images on the website.
Try to use cache plugin and one thing more add favicon icon to site:
Do these steps :
1) Add cache plugin
2) compress your images, Css and Javascript
3) delete unwanted images as well as content

text on website is not displaying on IE10 [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
Problem with IE10
I've just create a new site for our company: http://mobilereality.pl/ and I'm so close to finish it but now I'm facing up to some problems with this site in IE 10 on Win7. I don't know why but on IE10 site have not bigger part of text. I can say that IE is displaying absolutely nothing apart from some pictures and sections. Furthermore, this is website with two languages and when I was making this I was using AngularJS. Scope contains data and you can change this with clicking on lang button. I'm going to say that all text on this website is part of scope in AngularJS and when we run this site on IE10 we can not see a text on website but in the Contact Section on bottom of website we can, which is making me more confounded. If someone know how to solve this problem I will be grateful. Really I need help with this. I was looking for similar problem but I didn't find something helpfull. There is picture : website on IE10
You meed to add
<!DocType html>
Above your page start, which will select document mode correctly on IE.
Also you could make your IE browser to render IE9 mode by adding meta tag
<meta http-equiv="X-UA-Compatible" content="IE=9" />

Categories