This forum is now read-only. Please use our new forums at discuss.codecademy.com.

CSS: An Overview Forum

View Course » View Exercise

135 points
B50e86680d19c2a0c3a05a99e7843407?s=140&d=retro
Submitted by
conniesung_55cd04899113cb133a000008_
over 2 years ago

I don't understand what I'm doing wrong (12/26)

/* CSS comment*/
h1 {
font-family: Verdana;
}
h3 {
font-family: Courier;
}
p {
color: purple;
}

I tried to submit this and it keeps asking if I remembered to make my h1 font-family Verdana?


5 votes

permalink

Hi,
The code you have written above, is fine. There is nothing wrong with it, but the problem is on the "index.html" page/tab.

In Instructions, the first things it says, it to:
"Add a to stylesheet.css between your tags."

This mean that you need to tell your html page to get the CSS another page.In simple words, telling your HTML page to get the CSS from a particular page.

So, you use the link tag (example below) to tell the HTML page to link another page like this:

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

In our case, the CSS file is called "Stylesheet.css", so our code will look like this:

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

Hope this makes sense to you and everyone who is looking for help :-)
Any questions or problems, with this activity, than comment here and I will get a notification and than I will be happy to help.

Thanks,
Waleed

680 points
55de47819113cbd9170003ab_798198839
Submitted by
Waleed Islam
over 2 years ago

2 Comments

55d8e7d3d3292f9e3d00067b_8486135 James Field over 2 years ago

I also couldn't see what was wrong and then saw I missed the final / before >. Thanks for the answer

55cfe9fd93767645cb0000d5_193347499 Bill Chamis about 2 years ago

Waleed, I'm still seeing this error, I'm afraid, and I have added exactly what you have to my html file (and added exactly what Connie has to the CSS file.


1 vote

permalink

Firstly thanks for letting me know about your problume.
You can refresh the page and try again but i assume that i you have already tried that few times. I recommend you to reset your code and try writing compleating the exercise again.
If still donse't work than here is the full code which should work:

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


    <title>Result</title>
</head>
<body>
    <div id="header">
        <div id="navbar">
            <ul>
                <li>Home</li>
                <li>About Me</li>
                <li>Plans for World Domination</li>
                <li>Contact</li>
            </ul>
        </div>
        <h2>About Me</h2>
    </div>
    <div id="left">
    <img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-main_zps26d178c5.jpg"/>
    <p>I am the angriest puppy in the world. This has been scientifically proven in several clinical trials.</p>
    </div>
    <div id="right">
    <table>
        <th colspan="3">My Bros</th>
        <tr>
            <td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-1_zps5666b8e7.jpg"/></td>
            <td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-2_zps1539e6b2.jpg"/></td>
            <td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-3_zps4692eafa.png"/></td>
        </tr>
        <tr>
            <td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-4_zps63ff5aa8.jpg"/></td>
            <td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-5_zps0ee0d2c8.jpg"/></td>
            <td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-6_zpsc4450a60.jpg"/></td>
        </tr>
        <tr>
            <td><img id="bottom_left" src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-7_zps26e8a8d9.jpg"/></td>
            <td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-8_zps9a1469be.jpg"></td>
            <td><img id="bottom_right" src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-9_zps3bab7732.jpg"/></td>
        </tr>
    </table>
    </div>
    <div id="footer">
        <div id="button">
            <p>Send me an <span class="bold">e-mail</span>!</p>
        </div>
    </div>
</body>

Copy all the code and replace with the rest of the code.
If you still have problumes, than let me know and i will try my best to help you.
Enjoy !

680 points
55de47819113cbd9170003ab_798198839
Submitted by
Waleed Islam
about 2 years ago