Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Challenge http://www.freecodecamp.com/challenges/waypoint-turn-an-image-into-a-link has an issue #544

Closed
inesllopart opened this issue May 26, 2015 · 3 comments

Comments

@inesllopart
Copy link

The challenge asks for: Wrap your image element inside an anchor element that has its href attribute set to "#".

My code is:

Click here for

And when I hover over the image, the mouse cursor becomes a link clicking pointer. However I cannot complete the challenge.

Thank you,
Ines

@denmch
Copy link

denmch commented May 26, 2015

I just tried this and couldn't duplicate it. It passed as expected.

BTW, you want to be sure to wrap your code in back ticks (check out Mastering Markdown and scroll down to Syntax Highlighting to see how it works). Without marking that as code, it renders as html. I was only able to read your code because the bot posted it to the Slack chat in plain text.

@QuincyLarson
Copy link
Contributor

@inesllopart I can't read your code because GitHub is interpreting it literally. Please put a:

@QuincyLarson QuincyLarson removed their assignment May 26, 2015
@QuincyLarson QuincyLarson added status: blocked Is waiting on followup from either the Opening Poster of the issue or PR, or a maintainer. and removed in progress labels May 26, 2015
@QuincyLarson
Copy link
Contributor

This seems to be passing in Safari, Firefox and Chrome on Mac. I don't know what issue you are experiencing. Here is the code I used:

<link href='http://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; 
  }

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

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

<img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/>

<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>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants