I'm running into a weird issue, where css code (pulled in from a .css file, NOT embedded in style tags) is showing as text on a page, and I'm not sure why. Do you know what could cause this? The css that is showing is:
background-color: #009eb4; color: white;
I checked the end of the file (Approx. 10,000 lines) and there's not CSS hanging off the end outside of a selector. I couldn't find any malformed css in the section that I edited either. The CSS shows up in the DOM as the first child of the body element.
Have you tried ctrl+f ing that line of text in your HTML? could be a stray copy and paste :)
Related
I'm trying to get this style to work for the body of the HTML page, it works when the style is applied within the tags but not when used with an external style sheet.
CSS Doesn't work with this code.
body {
background-image:url(img/geometric.jpg);
}
HTML Works here.
<body style="background-image:url('img/geometric.jpg');">
</body>
I want to use external styling for the whole page. I'm curious on how to fix this odd issue.
The path to the image must be relative to the CSS file that references it, not the HTML file that it will appear in.
I am doing HTML/CSS as beginner and when I add an simple CSS styled button code in my HTML file it won't highlight that code with an specific color. I changed in settings from HTML to CSS highlights but then it doesn't show HTML color codes but it finally shows up CSS highlighted colored codes. If you really didn't understand me, what I am about to say is like when <a href="Website.html" is colored with href as green colored code and the other one CSS code such as .btn, border: none; etc it doesn't have any color until I change it in the settings but later that .btn and whole CSS file have colors but HTML doesn't. If can anyone tell me if I can do something in any of these two Notepad++ or Sublime Text 3.
Sublime Text should be able to tell which syntax highlighting to use, if the file syntax is set to HTML. As long as your css is inside style tags. If it is and you're still not seeing correct highlighting, it might be an issue with your particular color scheme.
https://oisteinhaugland.github.io/cabinProject/pages/order.html
On this page of the website, and on this page only, i get a weird whitespace beneath all my content. I've tried margin, padding zero etc. I use normalize.css to begin with, and the problem only occurred in on of my last commits, and i don't know whats causing it.
If you inspect it, it just targets the html element, which is above the whitespace.
The html haven't changed, and the css shouldn't affect it.
Styling for the footer is the same for all pages.
Any suggestions?
Anything is appreciated.
full repository https://github.com/oisteinhaugland/cabinProject
remove the height:400px from the captcha iframe.
this style is coming from main.scss so you will either need to remove it, or add an overriding style after the main.scss file is included in the page
iframe {height:inherit;}
Can script tags in HTML be closed by simply using:
<script src="https://abc.js"/>
Or do I have to close this script tag like so:
<script src="https://abc.js"></script>
The reason I ask is because in sublime text 3 i have a highlighting problem that is slightly annoying. For example:
Indented with Tags
Yet when i remove the tag and self close it by "/>" you can see the horrible background highlighting issue goes away.
No indentation but highlighting disappears on line 1
I understand that a separate closing script tag is the standard way to close tags but why is it causing a change of font colour and background highlighting issue.
P.S. in the image it isn't shown very well but in contrast to the rest of the background, the whole line is highlighted a different colour and I cant seem to solve it.
I'm a server-end python programmer, and have very few knowledge about css.
Recently I was using gitbook to write our doc-sites.
Everything was OK, except when I'm using anchors in the md files.
The content wrapped in the anchor tag will be show in blue. Which isn't good.
I wanna disable this blue color rendering, then I did some search and find the page was influenced by a file named style.css.
There is only 1 extremely long line in this file. I searched blue in it, nothing.
And then I searched anchor in it. I got:
fa-anchor:before{content:"\f13d"}.
.anchor{position:absolute;top:0;bottom:0;left:0;display:block;padding-right:6px;padding-left:30px;margin-left:-30px}
.anchor:focus{outline:0}
Is this fa-anchor:before{content:"\f13d"}. thing which influenced the anchored content rendering? How to disable its effect?
If it isn't, what key-word should I searching in the css file for anchored contnet rendering?
PS: In this question the anchor means syntaxs in html like <a href='#stash_save'> save </a>
#Zen fa-anchor:before{content:"\f13d"} this code means the generated icon using unicode character won't be part of DOM.
By default when <a>element apply by default color turns into blue color you have to find the class if any applied on <a> tag. otherwise you can change the color using <a href="#" style="color:#535353">. using inline CSS here just for reference.
You can make a specific class for <a> tag.
Hope it solve your problem. check the DEMO also.
add color: red;
to the end of
.anchor{position:absolute;top:0;bottom:0;left:0;display:block;padding-right:6px;padding-left:30px;margin-left:-30px}
and see if it modifies the color.