Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
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.
Closed 8 years ago.
Improve this question
So I've never had an issue doing this before.
I have this:
html {
background: linear-gradient (#1f7c65, #60d4ae);
}
It's doing nothing. Should be super straightforward. I've even stripped all other CSS to be sure there wasn't something else affecting it. So the above line is the only styling applied to the entire document.
If I add a
background-color: red;
It works fine.
When I look at the code in the in-browser console, it has the linear-gradient attribute struck through, as if there was an overriding problem.
I've cross-referenced with any other sites I've made that use gradients. The code block is identical. I've checked it against W3Schools, thinking maybe I'm just having a stupid day (it is Monday).
Tested in three browsers: Firefox, Chrome, and Safari (all most current update). Tested with both hex codes and CSS color names.
Anyone have any ideas?
Thanks in advance!
Has to do with the spacing, delete the space between the word gradient. and also uncomment the hex color
Related
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
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.
Closed 13 days ago.
Improve this question
I am trying to make a radical gradient in edge but it doesn't work :
background-image: radical-gradient(#3A3456, #211E2E);
Do you know why and can you give a solution to my problem pls?
Thanks
I also tried to use a conic gradient to make a radical gradient but it was more difficult to do it and I didn't get the result I wanted.
I am expecting something like this :
enter image description here
I believe you want:
background-image: radial-gradient(#3A3456, #211E2E));
The issue was a typing problem. It is not a radical-gradient, but instead a radial-gradient
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
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.
Closed 3 years ago.
Improve this question
I've been developing angular apps for a while now, but recently I found an issue in displaying a basic input with type=date in chrome, and I wonder if there is a css trick that I don't know about to let it work.
As you can see, the Monday column is entirely missing.
The code is as simple as it should be, it's basic HTML:
<input type="date">
And the funny fact is that as soon as I resize the window (for example opening and closing the developers console) it starts working fine.
Do you have any idea on how to solve this?
EDIT:
I don't think the issue is with my code at all.
(Link to the question)
It looks like the issue is more related to my second monitor than to chrome itself.
If I open my app or any dropdown on the web from my laptop monitor it shows correctly.
Thank you everybody for the help.
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
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.
Closed 8 years ago.
Improve this question
I've ran into some weird problem that didn't exist before. The code is perfect, and all links are defined with LINK. However, many links won't work when on an article post - on the homepage, all links works fine, as far as I can tell.
Here's a link to an article - try clicking on the four top links, for example: http://dedanseglade.no/2014/dd-anmelder-video-ingemars-de-saliges-kvarter/
This has been a problem on all the PC's we tested (and with different, modern web browsers), and it worked before with the same code. Suddenly, some links work, but some don't. I've never experienced anything like this before, and I'm quite experienced with HTML. I'm using the latest version of Wordpress, 3.9.
In your lightbox.js you've got this:
jQuery(document).on('click', 'nav a', function(e) {
e.preventDefault();
//some other code here
});
The links that are not working have been disabled by this lighbox.js so you need to either change the selector in your js file or change the nav element to a div element but this is just a workaround and I don't recommend it.
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
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.
Closed 8 years ago.
Improve this question
I want a really weird shaped div and I've read around the web for shaping divs but they only show how to do triangles and circles and things like that. No one really explains why the thing is happening that they do.
Please note: It can't be just a border, as there is supposed to be text inside it.
I sure hope someone could help me :)
I have tried several things but none were doing what I wanted them to do.
Thanks a lot.
You can get the desired results using CSS3 borders and transform properties. More details including working examples can be found here:
http://css-tricks.com/examples/ShapesOfCSS/
use two div's. give border-radius to inside div. and place text inside your div.
http://www.samuelrossille.com/css-shape/#1142AAy0z-10z-4z13z4z0_20z2z-4z4z0
Try this site, you can generate your own shapes.
I made you a little start.
Veel succes
I think the best solution is to slice your shape in Photoshop or any other program as transparent .png and include it as css background for that div
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.