CSS Works in Chrome but not Firefox [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 7 years ago.
Improve this question
I've been working on a school project and i've made this layout quickly and I have no idea why this layout works perfectly on Chrome but crashes completly in Firefox! Does anybody have an idea what it could be?
Here is the site:
www.demo.filipsukic.com

This may fix your problem.
Make sure that the type on your stylesheets needs to
be like:
<link type="text/css" href="/css/style.css" rel="stylesheet">
not like:
<link type="/text/css" href="/css/style.css" rel="stylesheet">
Removing the / at the beginning.

For a quick fix, add the class "clearfix" to all your section tags.

Related

favicon is not showing? [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 9 hours ago.
Improve this question
I'm trying to add a favicon but it's not working. I believe my file location is correct. Is it not working bc I'm using Bootstrap?
<link rel="icon" type="image/x-icon" href="abfav.png">
I believe this should add a favicon to my page.File Locationcode
Your link line has to be placed inside the head tag

Having problem with running my CSS on VS Code [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 last year.
Improve this question
I am new to using vscode. I am trying to practice HTML and CSS. I was able to run my HTML but when I try to debug and run my CSS its not working. it says file can't be reached. Thanks
You have to link your css file like this:
<head>
<link rel="stylesheet" href="styles.css">
</head>
{You should post your code}
Remember to add this line in HTML
<style href='Your CSS file name'></style>
Or you can also use:
<link href='Your CSS file name'></link>

Unwanted white space to the right on Mobile devices [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 learning to develop a website called icoined.com and now I am running into a problem with unwanted white space to the right side of the mobile screens which I can't figure out what cause it. I'm new to this so please ELI5. Thanks.
Add the class img-responsive to the image with the source assets/img/ico.png.
Also, In my tests I replaced your bootstrap version with this:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
and it's working perfect (You can see it in this bin - you can try to run it with or without your css which is in comment in that bin).

My coding line img/png keeps changing [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 created a some HTML but the code keeps changing and I don't know why.
<link id="favicon" rel="shortcut icon" type="image/png" href="http://i.imgur.com/at2rsbu.png?1"/>
Here is a screenshot of what I meant. It might be easier to understand.
I really don't know what I am doing wrong. If there is already something like this on Stack Overflow please provide the link as I couldn't find it.
Try type='image/x-icon' instead of type='image/png' and try giving the image a path instead of a URL.

Extern Stylesheet is shown like "inline" in Developer Tools [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I am using this Template:
http://www.pixelcoder.eu/pixopolus/Pixopolus/
when I inspect it for editing, the styles appear in the developer tools like inline styles in Chrome and also in Firefox. (Opera 12.xx + 16.xx and IE10 as well)
Any hints what is wrong, is there maybe a syntax error somewhere or how this can happen? I am using the same framework (bootstrap) for some other projects it never happened before.
I think the problem is the way you link the stylesheets to the index.html. If i noticed correctly you are using the <style> tag to link the stylesheets.
I would sugest using the <link> tag like this: <link rel="stylesheet" type="text/css" href="mystyle.css" media="screen"/>. I tested it on your page and it worked :D