CODEWITHSUNDEEP
htmlcss
TheFieryTortoise
TheFieryTortoise

Reputation: 55

HTML and CSS won't link

My html and css won't link the css is suppose to make the Hayes and Ash words red on the header. My code:

<!DOCTYPE html>
<html style="background-color:#FFA100;>
<head>
    <link rel="stylesheet" type="text/css" href="C:\Documents and Settings\Test.DOBRUSKY\Desktop\stylesheet.css"/>
    <title>Hayes and Ash</title>
</head>
<body>
    <h1>Hayes and Ash<h1>
    <div id="hayes">
        <img src="http://i.imgur.com/xXSDVAm.jpg?1"/>
        <p>I am Hayes harharhar</p>
    </div>
    <div id="ash">
        <img src="http://i.imgur.com/zcBLpU6.jpg?1"/>
        <p>This is Ash I am very fluffy!</p>
    </div>
   </body>
</html>

Upvotes: 0

Views: 4147

Answers (4)

Joseph Menjivar
Joseph Menjivar

Reputation: 19

That same problem happened to me two days ago.

I tried many different ways to type in the src. None of them worked. Double checked them and triple checked them, in case of missing character or typo error.

Finally, the problem I found was that I created the directories and files with powershell. CSS file had no issue, but the html file didn't like to be created from the powershell (I don't know the reason for that) (that problem didn't occur using the terminal at Macbookpro). So I opened a notepad, and pasted the exact same code from the previous file (the one created using echo command at powershell), saved it as .html and then, the css file linked with the html and styled it just fine.

Upvotes: 0

Neelima Neelu
Neelima Neelu

Reputation: 51

<link rel="stylesheet" type="text/css" href="stylesheet.css">

Link the css file this way as show above and check it also

Close the h1 tag

<h1> Hayes and Ash </h1>

The color may be applied to all the text in the body.

Upvotes: 3

Derrick Hammond
Derrick Hammond

Reputation: 45

You are making a direct reference to your local computer in your link statement. C:\Documents and Settings\Test.DOBRUSKY\Desktop\stylesheet.css

The best practice is to put your style sheets in a folder inside your project, then reference the style sheet there. Your href reference would look like this if you put your style sheet in a folder named "styles". href="~\styles\stylesheet.css"

You can of course put your stylesheet inside your project's main folder if you want but it's nice to have the folder structure for adding more css files to your project.

Check out Method 3 in the following article.
http://html.net/tutorials/css/lesson2.php

Upvotes: 0

L. Cornelius Dol
L. Cornelius Dol

Reputation: 64026

The href link:

href="C:\Documents and Settings\Test.DOBRUSKY\Desktop\stylesheet.css"

should be a URL, not a local file system path. And it can be relative to the location of the HTML document, such as:

href="stylesheet.css"

or

href="http://www.example.com/somewhere/out/there/stylesheet.css"

Upvotes: 4

Related Questions