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
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 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.
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
The website is www.roshankrishnan.com
It appears to be fine in Chrome, IE, and Safari, but for some reason Firefox messes up the alignment of my navigation bar so the words are not correctly placed in the white bar. I can supply code if needed, but I don't even really know where to begin with this, as I'm sure if I edit my code it'll affect the appearance of my site in other browsers.
Try adding a reset script to your css; e.g. this one
This will reset all values to default and override any mark-up the browser adds.
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>
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 have big problem with my website: http://hiperteksty.org
with safari and firefox browser works good but under IE layout look bad.
Before I even look, I'm going to guess you didn't start your file with:
<!DOCTYPE html>
Now I look at it. What do you know, I was right!
Well, sort of. you do have a DOCTYPE, but it's invalid. Try just using the one I listed above.
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 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.
Improve this question
So, this is based on WordPress. Here is the blog on safari and on firefox, what is wrong, likely with the css, since firefox it is not displaying the page correctly?
on safari (, mouse hover on first post)
on firefox
html (with php) - pastebin link
html (generated) - pastebin link
css - pastebin link
the first grayed element on firefox is this
Added a jsfiddle: DEMO
The "display:moz-box;" applied to .post-holder is preventing the images from showing up. Looking into WHY now.
I haven't messed with flex-box layouts much at all, so this is largely assumptions. You have a "display:mox-box;" set on .post-holder, but .post-image neglects to set any flexbox properties. Adding "-moz-box-flex: 1;" to .post-image causes the images to display, but likely are not the size you're shooting for.