6/10 -how to add the link element?


#1

/10


#2

Hi missy51083,

I'm not sure what you are trying to show me with that screen shot?

If you look in the head of your index.html file you will see one example of a link element already:

<link href="main.css" rel="stylesheet">

Generally, what you do is put the URL to the page that you want to link in here:

href="your URL here"

Step one of the Instructions gives you the link that it wants you to add:

<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">

#3

hi thanks for your help, i have done that and it still says to add the link element


#4

Please copy/paste here: all of your main.css file and also the head element only of your index.html file.


#5

.nav a {
color:#5a5a5a;
font-size: 11px;
font-weight:bold;
padding-top:14px;
padding-bottom:14px;
padding-left:10px;
padding-right:10px;
text-transform:uppercase;
}

.jumbotron {
height:500px;
background-image:url('https://goo.gl/04j7Nn')
}

.junbotron h1{
color:#fff;
font-size:48px;
font-weight:bold;
font-family:'shift',sans-serif;
}

.jumbotron p{
color:#fff;
font-size:20px;
}


#6




#7

You have a typing mistake there.


#8

its still not working?


#9

Please post the head element and all of your CSS code.


#10



.nav a {
color:#5a5a5a;
font-size: 11px;
font-weight:bold;
padding-top:14px;
padding-bottom:14px;
padding-left:10px;
padding-right:10px;
text-transform:uppercase;
}

.jumbotron {
height:500px;
background-image:url('https://goo.gl/04j7Nn')
}

.jumbotron h1{
color:#fff;
font-size:48px;
font-weight:bold;
font-family:'shift',sans-serif;
}

.jumbotron p{
color:#fff;


#11

Hi missy,

If the message that you are seeing is still asking for a link element, could you please post your head element?


#12




#13

sorry here it is

<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
</head>

#14

You are missing the link to your main.css file, without that none of your CSS rules are being processed.


#15

so how do i put on the link?


#16

It looks like this:

<link href="main.css" rel="stylesheet">

It should go on the line after your link to shift.css.


#17

Hi

I am having the same problem. I keep getting the error message:
"Oops, try again.Inside the head element add the link element for the custom font"

Here is my code for the head element:

<head>
 <link href="http://s3.amazonaws.com/codeacademy-content/courses/ltp/css/shift.css" rel="stylesheet">
 <link href="main.css" rel="stylesheet">
 </head>

Here is my CSS code:

.nav a {
    color: #5a5a5a;
    font-size: 11px;
    font-weight: bold;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    
}

.jumbotron {
    background-image: url('https://goo.gl/04j7Nn');
    height: 500px;
    
}

.jumbotron h1{
    font-family: 'Shift', sans-serif
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    
}

.jumbotron p {
    color: #fff;
    font-size: 20px;
}

Please help, I can't understand why it's not working.......have I missed something somewhere?


#18

sorry here is my code for the head element:




#19

You have a typing mistake in that link. If you try it, you'll see that it leads to an error page.


#20

Ah yes thanks for the help. It worked when I changed codeacademy to codecademy.