Impossible to do excercises due to validation problems


#1

Hello,

I'm new here and trying to do the html/css course.
I am stuck at the last of this section I get error message:

Oops, try again.
Did you remember to put some link text between your tags? You can't leave them empty!

this is my code:

<!DOCTYPE html>
<html>
    <head>
        <title>Result</title>
        <link type="text/css" rel="stylesheet" href="stylesheet.css" />
    </head>
    <body>
        <h1>Brooom</h1>
        <p>Blopper</p>
        <img src="https://pbs.twimg.com/profile_images/378800000087761537/a309dcc588acd1415b8f86c35bdc667c.jpeg">
        <a href="https://pbs.twimg.com/profile_images/378800000087761537/a309dcc588acd1415b8f86c35bdc667c.jpeg">Text link hello here I have some text</a>
    </body>
</html>

I can not check the hint anymore (the option left) and I have this mention:

You're done! Revel in the glory of your newfound CSS knowledge for a moment, then head on to the project.

is this a bug or am I missing something?


#2

seems to be a bug, try a different browser as workaround


#4

Hey!

I went to the lesson in question. Is this one right?

Links and text decoration
Great work! We're almost there.

Instructions
Add a link to your HTML page using Link text tags (check the Hint if you need a reminder). You can link to any webpage.
On the CSS tab, change your link's text-decoration to none and its color to #cc0000.
You're done! Revel in the glory of your newfound CSS knowledge for a moment, then head on to the project.

If it is, it's not working because you're not following the instructions accurately.

The following code works:

index.html

<!DOCTYPE html>
<html>
	<head>
		<title>Result</title>
		<link type="text/css" rel="stylesheet" href="stylesheet.css" />
	</head>
	<body>
	<a href="https://www.codecademy.com">Codecademy</a>
	</body>
</html>

stylesheet.css

a {
    text-decoration: none;
    color: #cc0000;
}

#5

yes, you got the right exercise. Why doesn't quasidigil follow the instructions? He does follow them, he didn't post any css code but goes the error is html related


#6

Hello!

I'm sorry. I didn't say he doesn't follow the instructions. I said he doesn't follow them accurately.
In codecademy you're supposed to do exactly what's telling you to do. Not more or less.
It is indeed a kind of bug because the message error is related to the part he's done right.
But still if he had followed the instructions exactly he wouldn't have gotten any errors (I guess... at least I didn't).

:smile:


#7

Oh, he didn't follow them accurate. Sorry, i read that too quickly.

Codecademy does allow for some creativity, some lessons a bit more then other lessons. Even when following the instructions to the letter, you can get a error message. (cached data being send to the server for example)


#8

Yes. I've noticed that. And I agree with you.

Well, I hope @quasidigi can move on from this lesson now.

:smile:


#9

Hello,

I only posted the html because the error message is html related.

My stylesheet has:

a {
    text-decoration: none;
    color: #cc0000;
}

And yes, out of experience I can state that, If not specified explicitly one can be a little creative. For example, if it is asked to include a link, one can write choose its URL and LINK TEXT, when it is asked to add codeacademy one has to write the exact code.

I have tried several stuff, even copy-pasting a correct string from another threat with the same problem.
Now I tried it again with the last html code provided by @srtabebrito and it works fine.
Maybe it was something cached as @stetim94 is explaining and I had to wait until the server cache is cleaned... anyway, most important is that I can continue

Thank you very much :smile:


#10

Or your browser cache is cleared, your browser also has cache, anyway, the most important thing is that you did understand the code, you just hit a little glitch, good you could pass using @srtabebrito code :smile:


#11

ok, here I'm back

Just continuing the course I got stuck with the same error at "Design a Button for Your Website" > "adding a link". This time I copied from the start the code provided by codeacademy to be sure I would not have that problem again :confused:

html:

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>About Me</title>
    </head>
    <body>
        <img src="https://s3.amazonaws.com/codecademy-blog/assets/46838757.png"/>
        <p>We're Codecademy! We're here to help you learn to code.</p><br/><br/>
        <div>
            <a href="https://facebook.com">Friend us on <span>Facebook!</span></a>
        </div>
    </body>
</html>

css:

img {
    display: block;
    height: 100px;
    width: 300px;
    margin: auto;
}

p {
    text-align: center;
    font-family: Garamond, serif;
    font-size: 18px;
}

/*Start adding your CSS below!*/
div{
    height: 50px;
    width: 120px;
    border-color: #6495ED;
    background-color:#BCD2EE;
    border-radius: 5px;
    margin:auto;
    text-align:center;
}
a{
    text-decoration:none;
    font-family: Futura;
}

again the same error message:

Oops, try again.
Make sure you put some text for your link between your tags!

Now it is much more annoying as I can not continue with the course

Should I make another threat for that?


#12

perfect code, seems you hit another glitch. Try a different browser


#13

ok, i tried it with another browser and exactly the same code is good.

so it's working fine in Chrome and not in Firefox. both up to date.

Can I report that to some tech department?


#14

I just did this exercise in firefox (Mozilla Firefox 42.0) with your code, worked fine, maybe clear your firefox cache?

I think reporting will do little good, these glitches could be caused by your browsers cache. Let's hope you do not hit another glitch


#15

well I will continue on chrome. although I would have preferred to finish this on Firefox, I do not want to run into this problem each time I need to add a link

Thanks again for testing and helping :smile:


#16

and now I have another exercise that is not working in Chrome. Switching to Firefox makes it work (with exactly the same code)).

So I guess I will have to switch now and then from browser to be able to finish this thing O_O


#17

and the nightmare continues...
I am trying an exercise in Chrome and Firefox and I am getting 2 different error messages:

CSS Positioning > See it to believe it
the html:

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
    <body>
        <h3>The Box Model</h3>
        <img src="https://s3.amazonaws.com/codecademy-blog/assets/ae09140c.png"/>
        <p>Image courtesy of www.w3.org!</p>
    </body>
</html>

the css:

*{
    border: 1px dashed #0000FF;
}

Instructions

See for yourself—use the universal selector to draw a 1px dashed border of hex color #0000FF around every HTML element.

error message:
chrome:

Oops, try again. It looks like your border-width isn't 1px.

firefox:

Oops, try again.
It looks like your border-color isn't #0000FF.

Html code is unchanged, I just had to add the css.
This is completely crazy. I am more time in this threat than doing the exercises.


#18

ok I go tmy answer from:

Seems the problem is when one is scaling its viewport