Help help I am desperate

HTML-CSS
#1

Tell us what’s happening:
I can’t go ahead, I read in many places that is google chrome the problem, I tried with internet explorer and still I can’t move on. I had to start all my test again as the logging wasn’t recognised I am not very pleased!
Is my first time on here asking for help. I appreciate any answers and I hope to find the way to see the your replay easily.
I don’t know if I get any email to let me know if someone has replied.
Many thanks.
Poalo

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="/submit-cat-photo">
 <input type="text" placeholder="cat photo URL">
</form>
</main>

Your browser information:

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

Challenge: Create a Form Element

Link to the challenge:

#2

What do the failing tests say?

1 Like
#3

Hi @silver2008 !

Welcome to the forum!

You got the nesting part right.

When you read the error message it will tell you what is wrong and how to fix it.

Once you make that small change then the test will pass.

#4

Hi, there is an error in your code, and I suspect that is why you cannot move ahead instead of a browser issue.
Read the instructions to the challenge carefully, specifically about what to do about the action attribute in the <form> element, and check how your code is different.

#5

Thank yo for your reply! This is the error message :
Your form should have an action attribute which is set to https://freecatphotoapp.com/submit-cat-photo

#6

Hi,
It’s say:
Your form should have an action attribute which is set to https://freecatphotoapp.com/submit-cat-photo

#7

Thank you for all the reply! I am learning slowly but I have checked on this page and got the help to built the code. Many said that is a Google problem…
Many thanks again.

#8

image
image1366×768 223 KB

#9

This is mine but I can’t see the error

image
image1366×768 239 KB

#10

Well I would like to point out that this github issue you mentioned is not the answer.

That version of the question was from 2015. The question has been updated since then.

So it is not an issue with Google.

When you read the error message the correct link is this
https://freecatphotoapp.com/submit-cat-photo

not this /submit-cat-photo

That is why the test was failing.

#11

Thank you very much!
I will try it again but Why in the pictures say that was right without have the full action written in it?
Regards,
Paolo

#12

Pay close attention to the first screenshot.

That question uses a different url.

It uses this url /submit-cat-photo. So that is why the test is passing with that url with that version of the question.

Now look at the current question.
This the url you are supposed to use.

FCC 2021 instructions
Nest the existing input element inside a form element and assign "https://freecatphotoapp.com/submit-cat-photo" to the action attribute of the form element.

In coding, it is really important to follow specific instructions.
So if a test is looking for a specific url you have to provide that exact url or it won’t pass.

Details in coding matter.

Hope that makes sense.

#13

image
image1366×768 245 KB

I wrote this but I am still making a mistake.

#14

You are using the correct url but you didn’t need to delete the action attribute.

action="correct url goes here"
#15

Hi,
Yes you are completely right!
I have tried “https://freecatphotoapp.com/submit-cat-photo” . Then I was so confused that I followed the forum but it has brought me to that page that has nothing to do with my test. I feel a bit shame :frowning:

#16

Also, it would be better if you posted your code straight into the forum instead of posting screenshot.

Screenshots are not always best to debug code.

Here is how to post code into the forum

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

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

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

#17

I see! You are star!

#18

You don’t have to feel bad.

I am glad you were able to figure it out. :grinning:

#19

Yes it worked. Are you already graduated ? Are you a teacher? I am a bit confused as I am new on here…

image
image1366×768 202 KB

#20

I am one of the moderators but I am finishing up the front end certification projects.