#15 links


#1


https://www.codecademy.com/courses/web-beginner-en-WF0CF/3/2?curriculum_id=50579fb998b470000202dc8b


Oops, try again. Did you remember to set your a:link to have a text-decoration of none?


This is my html code
<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
		<div>
	<li><a href="https://www.disneychannel.ca/">Disney channel</a></li>
		<li><a href="https://drive.google.com/drive/my-drive"> Google drive</a></li>
      <li> <a href="https://www.codecademy.com/courses/web-beginner-en-WF0CF/3/2?curriculum_id=50579fb998b470000202dc8b"> This coding page</a>	</li>
    </ol>
		</div>
	</body>
</html>
This is my css code
a:link{
text-decoration:none;
color:#008B45;
}
a:hover{
color:#00FF00;
}
a:visited{
color#EE9A00;
}


#2

Can you spot the syntax error?


#3

No I can't find the syntax error


#4

Missing colon.

color: #EE9A00;

#5

I added a colon I can't belive I forgot to add a colon sorry but it still says the same message


#6

Perhaps apply it to the element directly, and not just the pseudo class.

a {

}

#7

I`ve got the same problem. I applied this directly but I still have this message: "Oops, try again. Did you remember to set your a:link to have a text-decoration of none? "

this is my CSS code:
a {
text-decoration: none;
}
a:link {
text-decoration: none;
color: #008B45;
}
a:hover {
color:#00FF00;
}
a:visited {
color:#EE9A00;
}


#8

I still have the same message I added the normal a style with the a:link code without the psuedo a:link then I tried them both together it didn't work once it would help me a lot if you could think of anything else thank you. I have done everything you said
`
this is my css code
a:link{
text-decoration:none;
color:#008B45;
}
a:hover{
color:#00FF00;
}
a:visited{
color:#EE9A00;
}
a{
color:#008B45;
text-decoration:none;
}

'


#9

That would be first in the list, if it was included. After looking at the lesson, I see it is not expected.

The issue would appear to be the order in which the selector rules are written.

a:link
a:hover
a:visited

is not the correct order. :visited should be above :hover.


#10

I'm having the exact same problem. Same error.
Even tried to copy and paste code that Codecademy approved for others but even that code doesn't work for me!


#11

Problem FIXED! @cooldude75 Saw another thread that suggested using Firefox instead of Chrome because it was a known issue in Chrome. Firefox worked for me. Try another browser and see if it takes care of your problem.


#12

Thank you very much @mtf and @olhawkinsvuhs you have been a great help


#13

@mtf and @olhawkinsvuhs thanks!


#14

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.