Learn HTML by Building a Cat Photo App - Step 56

jlove5789 · July 24, 2023, 10:24pm

Tell us what’s happening:
Describe your issue in detail here. forever stuck. hopefully this one wont get me banned. i dont know if what i did is visible or not. i have tried 4 for four fer all that.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>

<!-- User Editable Region -->

          <input id="loving" type="checkbox"><label><4>For Loving</4></label> 
         
        

<!-- User Editable Region -->

          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

Cody_Biggs · July 24, 2023, 10:31pm

You’re close. So you need to remove the <4></4> as thats not valid html. Also the text needs to be just “Loving” not “For Loving”

After you fix the text you need to add the for attribute. Here is an example

<label for=“value for attribute goes here”>

In the example, you see the for attribute is placed inside the opening label tag. You just need to add an appropriate value for the for attribute. So something like “loving” is fine

jlove5789 · July 24, 2023, 10:37pm

I dont get it. Thank you I am just gonna go away.

i removed the 4 and for and wrapped it in a label. Like i keep trying to convey man i am straight computer dumb. Trying to teach myself. I am frustrated. sorry just

Cody_Biggs · July 24, 2023, 10:39pm

Its ok. Thats why we are here to help, this stuff can be hard to get right the first time. We can take it one step at a time. Can you show us the new code you have

You can follow this gif to show code in the forum. Im sure you remember this from yesterday. Maybe it works for you today

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

jlove5789 · July 24, 2023, 10:41pm

again my code is what a number i make up? I am not trying to be rude at all.

jlove5789 · July 24, 2023, 10:43pm

Sorry i know you are trying to help me. Maybe this isnt for me. I am here looking up definitions and typing hunt and peck. I dont know any of these terms at all. Dont have the money to get any help. You would literally die if you saw my set up.

Cody_Biggs · July 24, 2023, 10:44pm

This here is considered your code. So, when people ask to see your code they are referring to the code you are writing to pass the challenge. We just ask to see it every time you make a change in the challenge so we know how to help

jlove5789 · July 24, 2023, 10:46pm

so a new post everytime to see it? I will try to cut and paste but it hasnt been letting in the code camp at all. sorry

Cody_Biggs · July 24, 2023, 10:49pm

Yeah, so if we take it one step at a time to make things easier. You said you removed the <4></4>. So if you can show the code without that then I can make sure, and direct the next step

jlove5789 · July 24, 2023, 11:00pm

ok well they are out there. i guess i did it right. I have no clue. Probably get ban again for posting to much

jlove5789 · July 24, 2023, 10:48pm

Tell us what’s happening:
Describe your issue in detail here. I am seriously stuck. was told each time i make change to show it here. i am computer dumb people, i am serious.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>

<!-- User Editable Region -->

            <input id="loving" type="checkbox"><label> for="Loving"</Label>

<!-- User Editable Region -->

          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

JeremyLT · July 24, 2023, 10:59pm

This for attribute needs to come before the >

Also, the L in “loving” needs to be lowercase

Capitalization matters to computers. Here, you need a lowercase L for label

Once you fix those three things, there is one more fix you’ll need.

jlove5789 · July 24, 2023, 10:58pm

Tell us what’s happening:
Describe your issue in detail here. Here is what i have done again. removed the 4 and for. I am not asking for the answer… show me the way

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>

<!-- User Editable Region -->

           <!-- for attribute for the label -->
            <input id="loving" type="checkbox"><label>Loving</label>


<!-- User Editable Region -->

          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

JeremyLT · July 24, 2023, 11:02pm

This is close, but now you need to put the for="loving" inside of the opening label tag (after the word ‘label’ but before the >).

jlove5789 · July 24, 2023, 11:04pm

Now i am way lost. you guys have me twisted all around. i am seroiusly LOST. I have no clue what is even going on on my post. i give up

JeremyLT · July 24, 2023, 11:05pm

I combined the 3 different topics you made. It’s really hard to help you when you make lots of different topics.

jlove5789 · July 24, 2023, 11:07pm

I was doing what i was told was to do as much the code i knew and then make a post each time i changed it… so i did

jlove5789 · July 24, 2023, 11:08pm

i was following directions. that was all so now we are back where i didnt wanna be again

Cody_Biggs · July 24, 2023, 11:08pm

This is what I said. It does help to show the new code, but I didnt say make a new post. Following the gif is how you add code to the forum. So you ca dd the code here in the same post is what I meant. Didnt mean to confuse you

jlove5789 · July 24, 2023, 11:09pm

I did not say any names, so in turn you thought i was speaking of you. I was not in any shape or form.