Learn HTML by Building a Cat Photo App - Step 11

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    <a href="https://freecatphotoapp.com">click here to go to cat photos </a>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
  </main>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:104.0) Gecko/20100101 Firefox/104.0

Challenge: Learn HTML by Building a Cat Photo App - Step 11

Link to the challenge:

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

1 Like

hi JeremyLT, I am having difficulty trying to get through step (12) You can see the words cat photos underlined next to the image in the preview now. That’s your link; feel free to give it a click. In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com. When you are done, remove the old anchor tag and text below the paragraph.

I just can’t seem to figure it out… I am completely knew to this and ive spent hours just on this one step!

2 Likes

If you don’t mind, please see my message here:

hi, lol… i know to some this is simple, but i just cant figure it out. i read the steps and clearly there is something I am missing!

Sorry, I’m busy right now, if no one answers or if you can’t figure it out before I’m done, I’ll try to explain it better.

What I can say until then is, try to imagine each element as a box.

Your page is a box, with the html box and everything inside it is a box too.

Right now you have an anchor box with the link, and another p box with the text. You need to put the anchor box inside the p box, turn them into one.

If < a> and < p> are the boxes, the attribute is their name/size/direction. If you have a text “click me” that takes you to www.website.fake, it would be an anchor box (element) like this:

<a href="www.website.fake"> click me</a>

If you put anything in there instead of the text “click me” like another box(image or other box) they will also take you to that website.

Anyway, I’ll try to explain better later, please let me know if you understand this or if you can say what else is the problem. :slight_smile:

boy, am i getting a headache bad… it really is like trying to read the “predators” manual on how to operate their ship!

still having difficulty trying to correctly write this line of code… and it no matter what, or how I type it out it fails to read the line of code!

1 Like

I think it’s a bug because i’ve also tried many combinations and no luck

well if that’s the case (which I’m believing you’re right) then I can say I feel pretty stupid. Again, I’ve tried multiple combinations and I always wind up with the same “Sorry, your code does not pass. Try Again!” message!

Hey, let’s go!

Because I’m unsure if you’re having difficulties with what’s being asked or with how to do what’s asked, would you mind going back to step 1 and doing them again?

Because we’re building block by block, it may be that you kind of didn’t grasp something that was shown before. I think that if you go back to step 1, and try to do what’s asked you’ll stop before reaching step 12 again, and we can more easily identify what’s wrong.

I have tried going back a few steps already and upon getting back to step “12” I’d still have the same problem. I have no problem going back to step 1 (as the whole point is to get a better understanding of code) but I will wait til morning… it is 3:03 am in my location. But yes, will begin from scratch later on today. Id’ like to take a sec here to thank you weslleyend for offering up some help, advice, and of course your time!

Hopefully this will help you, if not, please let me know:
(Open in full size to read the text)

2 Likes

Please don’t post solutions, even hidden in pictures. That diagram is great, It just shouldn’t have the solution code.

thank you weslleyend, this was a big help. I find when I am shown things with details rather than reading the material i have a much better understanding of whats being asked. Another words, you show me how to fly a plane and we’ll be fine, give me a manual and “foget it”… up in smoke, bahahahaha!

1 Like

is it not ok to show diagrams along with the solution ?
I ask because for those who are new (such as myself) get caught up in limbo on certain steps and elements. Just alone on step 12 I spent a good 5+ plus hours trying to figure out and solve it until I had to head to bed. I know the whole idea is to learn, but for the ones that are new at this, its like the code screen on the matrix. I will do my best to properly learn and understand coding, but any help, advice, direction, or hands on will help tremendously!

Its not ok to give the solution. Diagrams are good. Solutions are against the rules.

oh ok, I got you… as well as not only being new to coding, but to this platform as well and I am unfimilar with the rules and regulations. The biggest problem I encountered while signing up was on the topic of “plagiarism”. But hopefully as time goes on I become more familiar with both coding and the rules in of themselves!

Hi weslleyend, how you? hope all is well… wanted to know how you’re making out with coding?

Taking it slow, trying to make it fun, there’s no rush. How’s your progress?