HTML Class won't get the style from CSS [closed] - html

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
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.
Closed 8 years ago.
Improve this question
It might be really stupid and easy, but I spend two hours trying to get it.
I have a simple div with a class "payment"
<div class="payment">
</div>
and in css
.payment {
height: 289px;
width: 320px;
background-image: url('../images/pay/sprite_paywall.png');
background-position: 0 0;
background-repeat: no-repeat;
position: absolute; }
I checked the css file on the network, and saw the class there. I tried to delete the cache browser, but no luck. Anyone has an idea?

Answer 1

Try to use something like this : LINK
background: #f00 url('../images/pay/sprite_paywall.png') 0 0 no-repeat;
Instead of background image, im using background color. you are not specifying any left, top etc.. so there is no need to specify position.

Answer 2

Maybe the problem is the import of the CSS file to you'r html code. You have to ways to do that(always add the tags in head tag).
1- Using <link> tag like that:
<link rel="stylesheet" href="your/css/route_file.css" />
2- Using <style> that not requieres to import a file:
<style type="text/css">
.payment {
height: 289px;
width: 320px;
background-image: url('../images/pay/sprite_paywall.png');
background-position: 0 0;
background-repeat: no-repeat;
position: absolute;
}
</style>