Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
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
Improve this question
Hello I am new to web design. I would like to learn how to attach an SCSS file to an HTML file in the head tag :
<link href="example" rel="stylesheet/scss" type="text/css">
I tried this but did not see the result. I guess that it's like the LESS framework. And another question: If I want to use SCSS I should compile it to hosting or not?
You can not "attach" a SASS/SCSS file to an HTML document.
SASS/SCSS is a CSS preprocessor that runs on the server and compiles to CSS code that your browser understands.
There are client-side alternatives to SASS that can be compiled in the browser using javascript such as LESS CSS, though I advise you compile to CSS for production use.
It's as simple as adding 2 lines of code to your HTML file.
<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.js" type="text/javascript"></script>
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 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>
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
I im using sublime text 3 to create a google page replica as practice with html and css. This is my first project as I am new to programming. I have gone through countless other posts about this issue and have tried everything suggested but still to no avail I am unable to link my html and css. Please advise
html.index and style.css are in the same root directory.
HTML CODE:
<link href="style.css" rel="stylesheet" type="text/css">
Thnx in advance
Please, check your file name it must be index.html, not html.index.
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.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 7 years ago.
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.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Improve this question
I can not find a solution to my issue with the favicon. I have searched everywhere. I have a test site and the header is driven by php and inserts the same html header code on all the pages. I can confirm this just by looking at the source code of the pages in question. I have tried about all I know what to do
Here is my code in the html header. http://new.franmar.com/confirmation/980
<link rel='icon' href='/favicon.png' type='image/png'>
<link rel='shortcut icon' href='/favicon.png' type='image/png'>
<link rel="icon" type="image/ico" href="/favicon.ico" />
When I go to the home page (http://new.franmar.com/) I get the icon to show. And its the same code.
And ideas?
Thanks!
http://new.franmar.com/favicon.ico
You have a 404 error there. Where is this file located?
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