Why doesn't my external css-file work?

Question

Here´s my css code:

body {
    background-image: url(http://relevantfl.org/wp- content/uploads/2013/07/light_grey_3000x3000.jpg);  
    color: white;
    font: 12px/1.4em Arial,sans-serif;
}

Here´s my html code:

<!DOCTYPE html>
<html>
<head >
<link href=”/Users/EdvinHedblom/Library/Mobile Documents/com~apple~CloudDocs/design.css” rel=”stylesheet” type="text/css"  media="all" />
</head>

The problem is that when i run the code in browser it only shows my html-code and no style at all.

This means that you are not refering to the CSS path correctly — hrskrs
– hrskrs, Commented May 15, 2015 at 10:43
There is no any image on link which you given. And you given color white and font. But there is no any text in your HTML. so. didn't show anything. Also make sure you given correct css path. — ketan
– ketan, Commented May 15, 2015 at 10:44
Be sure to use the right quotes (e.g. ' and not `) when writing, since this will seriously screw up code! — Rvervuurt
– Rvervuurt, Commented May 15, 2015 at 10:46

pavel · Accepted Answer · 2015-05-15 10:43:37Z

2

You have used bad quotes, use " or '.

<link href="/Users/EdvinHedblom/Library/Mobile Documents/com~apple~CloudDocs/design.css" rel="stylesheet" type="text/css"  media="all" />

Then remember then you are linking file from your local machine, remote server can find it if you move your HTML to server.

answered May 15, 2015 at 10:43

pavel

27.3k11 gold badges47 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Why doesn't my external css-file work?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related