Freecodecamp: replacing "href" with "#"

[phoenixwarrior]

Challenge Make Dead Links using the Hash Symbol has an issue.
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36.
Please describe how to reproduce this issue, and include links to screenshots if possible.

My code:

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

I replaced "href" with "#" as noted in the instructions for the line that reads:
"

Click here for cat photos.

"
and it does not register as me having done so.

[erictleung]

@phoenixwarrior thanks for the issue but GitHub issues are not for coding help. If you get stuck or have questions with a challenge in the future, please first ask questions to the Help Room.

Here's a hint:

Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link.

Happy coding!

[phoenixwarrior]

Yes someone in the help room was able to help after I sent this.

However, the instructions Spefically say to replace href. Obviously this is
incorrect and it is the link that is to be replaced. Perhaps that should be
corrected? Or at least better explained?
And since the issue transcends a mere coding help issue, but rather is an
issue with the lesson in and of itself, where else should it be noted to?

On Aug 9, 2016 12:44 AM, "Eric Leung" [email protected] wrote:

@phoenixwarrior https://github.com/phoenixwarrior thanks for the issue
but GitHub issues are not for coding help. If you get stuck or have
questions with a challenge in the future, please first ask questions to the Help
Room https://gitter.im/FreeCodeCamp/Help.

Here's a hint:

_Replace the value of your a_ element's href attribute with a #, also
known as a hash symbol, to turn it into a dead link.

Happy coding!

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/10135#issuecomment-238451938,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ATzL24J_i_vMYWulhUFOmjGaTv4ddOFAks5qeAXGgaJpZM4JfsDm
.

[erictleung]

@phoenixwarrior thanks for the feedback, but again I feel that the last sentence of the instructions are sufficient enough:

Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link.

In addition, if you look at the challenge test, this should also further clarify that you need to replace the link and not the text href itself.

Your a element should be a dead link with a href attribute set to "#".

If this is still not clear enough, feel free to reply back with a clearer modification of these instructions. We welcome feedback and suggestions that will improve users' experiences with Free Code Camp.

[phoenixwarrior]

@erictleung Yea for me it was the last sentence that I found to be the confusing and misleading part.
"Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link."
Here is how,as someone who is new to code, this sentence reads to me.
within my "a" element line of code, there is a "href attribute" And I need to replace that with a hash(#).
My first thought is not to replace the quoted link url, but rather the letters href.(of the two which has the attributes of being href?) And secondly, the instruction says I am causing the link url to be dead,not delete the link all together. And so like commenting something out, one adds --><--around the code, so the code stays if one wish to un-comment it, And so I thought it would be so here to,replace href with # and that will cause the link to be dead, and if later I want to make it active again,I would replace # with href. Obviously deleting the link url, I cant do that unless I first find the url again. As a new coder I wouldn't have thought to do or risk that happening.

I think this is easy enough to clarify within the instructions though, it could read:
"A href attribute is the quoted link url itself within the "a" element. Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link."

Or, "Replace the value of your a element's [quoted link url] with a #, also known as a hash symbol, to turn it into a dead link. make sure not to replace the "".

[erictleung]

@phoenixwarrior thanks for your detailed feedback. I like your first suggestion.

The href attribute is the quoted URL link within the a element. Replace the link value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link.

[Manish-Giri]

@erictleung I can give this a shot.

[oalhait]

@erictleung are you just looking for the sentence

"Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link."

to be replaced with

The href attribute is the quoted URL link within the a element. Replace the link value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link.

?

[erictleung]

@oalhait yes.

[Priya2895]

hi @erictleung
i replaced the link with # still it is not running..!!!
what should i do?
`

[texas2010]

@Priya2895
Please use the Help chat room for getting challenge related help.

Happy Coding.

[LooseYounit]

I'm having the same problem and smarty pants answers don't cut it

[LooseYounit]

Click here for cat photos.

this did nothing

[dshokoofi]

they mean get rid of the "http://...." part and replace it with "#"

[SageGram]

[edyanez23]

i did that and doesn't do anything.

[sashamarie]

try refreshing the page

[mochalemon]

I encountered the same issue and was able to proceed after I click refresh. Thanks.

[cptmacaroni]

Make sure you all are adding the hashtag to the appropriate string. You will have the first link at the top of the HTML document. Change that href to equal the hashtag at the bottom of the page.

[abc173]

same here for this challenge,
1.refresh the page
2.using delete , delete the link between " "
3.put # between " "
and my challenge is SOLVED.

[ogora]

Had the same problem. Sometimes the instrcutions on FCC are quite vague. I have solved many issues but mainly by just gambling..lots of trial and error. W3 schools does a better job with instructions

[Petrovik1]

Poorly written and as we can see the web application has bugs that need to be fixed :)

[honourzxc]

non e of you answered the question, can someone do this for me, that would be awesome thank you

[ogora]

abc173 above answered the question about changing the href... unless you had another question. I did that and It worked for me. Delete the internet address in between quotation marks and replace with a" #"
Dont over think it .... hope it helps unless you had another question

[saegeullee]

I think more detailed explanation is needed here.

[gwapoJay]

Thank you "abc173" from above.........
It's works for me too....

[alicebalayan]

Like someone previously mentioned before, it needs another explanation..But oh, well haha

[sabthegreat]

Click here for (a href="#") cat photos

[aaronkaddu]

CatPhotoApp

Click here for cat photos.

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

Just make ur link as Cat photos