How to write syntax in internal css to external css?

Question

My internal css is this one:

   <style type="text/css">
       .OneClass
       {  
          background: url(/Images/star.png) no-repeat !important;
       }
    </style>

OneClass is name of a class attribute in one div in td tag.

When I'm writing in external css file:

.OneClass
{  
     background: url(/Images/star.png) no-repeat !important;
}

it's not working. Why?

This is how I include the css file:

I did notice strange behavior though: In my css I color some letters red. If I change it to green, it's not changed in the result page (it's still red). But, if I remove the link to the css file, the letters aren't red either! Why is this happening?

Have you included your external CSS into your HTML document? — Bojangles, Commented Dec 19, 2011 at 16:28
Is your CSS file in the same folder as your HTML? You might be having path issues. — Bojangles, Commented Dec 19, 2011 at 16:29
It's probably because CSS is on a different location, and background is on a relative folder. Check it, try to put CSS on the same folder as your HTML and including it. — Ryan Casas, Commented Dec 19, 2011 at 16:31

Bojangles · Accepted Answer · 2011-12-19 16:29:23Z

1

This is a prime example of an "it's not working" question, so is quite difficult to answer, but I'll give it a guess.

When you include the image using the inline stylsheet, you use a path which is relative to your HTML file. When you move your CSS to an external style, I'm guessing your stylesheet is in a different place. This breaks the relative path. You need to show us how you include your stylesheet to give a better answer.

answered Dec 19, 2011 at 16:29

Bojangles

102k50 gold badges175 silver badges209 bronze badges

1

Try clearing your browser cache, or Ctrl + F5ing the page (forces download of all assets). Also, please show us your <link rel="stylesheet"> declaration.
– Bojangles
Commented Dec 19, 2011 at 16:35

Add a comment |

techfoobar · Accepted Answer · 2011-12-19 16:31:47Z

1

The only possible reason is that your html file and your css file are in different paths. Copy your css file to the same location as your html file and it'll work.

answered Dec 19, 2011 at 16:31

techfoobar

66.7k14 gold badges116 silver badges138 bronze badges

1

Does the image star.png reside in a folder named Images that lies one level up in the directory tree from your css file? For ex: if you have your css in /x/y/css/mycss.css, your image will need to be in /x/y/Images/star.png
– techfoobar
Commented Dec 19, 2011 at 16:38
Can you provide the paths to your css and image files? Relative to your document root?
– techfoobar
Commented Dec 19, 2011 at 16:38

Add a comment |

petko_stankoski · Accepted Answer · 2011-12-22 08:49:26Z

0

I changed /Images/star.png to Images/star.png in the .css file and it worked.

answered Dec 22, 2011 at 8:49

petko_stankoski

10.7k42 gold badges134 silver badges234 bronze badges

Add a comment |

Collectives™ on Stack Overflow

How to write syntax in internal css to external css?

3 Answers 3

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Your Answer

Sign up or log in

Post as a guest

Related