What am I doing wrong/

HTML-CSS
1

It says:
The footer tag should have an id attribute set to “footer”.
and my code is:

<h2>CatPhotoApp</h2>
<main>

  <a href="#footer"="https://www.freecatphotoapp.com" <footer>Jump to bottom</a>

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

  <p>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. 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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. 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.</p>
  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
  <p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>
</main>
<footer>Copyright Cat Photo App</footer>
<h2 id="footer">jump to bottom</h2>

What am i doing wrong here?

2

Hi there, and welcome to our forum.

You’ve added an h2 tag and given it the id of footer.

3

do you mean i should try something like this?..
<id="footer">jump to bottom</id>

4

That would be an id element which would not be valid HTML.

You have a footer element already, so give that the id.

5

how? what code should i type??

6

Hi @morenoisaac750 !

Welcome to the forum!
I have edited your post to include the challenge link.

In the future, please use the Ask for Help button which includes your code and the challenge link so we know what you are working on.

There are a few errors in your code so I would reset the lesson.

Let’s break down the instructions.

Part 1 of instructions:
Change your external link to an internal link by changing the href attribute to "#footer"

This is the href attribute
href="https://www.freecatphotoapp.com"

You need to change that link to say #footer

Part 2 of instructions:
Change the text from cat photos to Jump to Bottom .

Change the text inside the a tags here
<a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>

to say Jump to Bottom.

Part 3 of instructions:
Remove the target="_blank" attribute from the anchor tag

Part 4 of instructions:
Then add an id attribute with a value of footer to the <footer> element at the bottom of the page.

This is the footer tag
<footer>Copyright Cat Photo App</footer>

In the opening footer tag, add the id of footer to it.

<footer ID GOES HERE>Copyright Cat Photo App</footer>

Hope that makes sense!

1 Like
7

yea, i know, but…
the example they give me is: <h2 id="contacts">contacts</h2>
And you’re telling me to do this?.. <h2 id="footer">Copyright Cat Photo App</footer>
or what should I write??

8

No that is incorrect.

The example was there to show you how to add an id to an html tag.
You are not supposed to copy the example and put into your final code.

Please look carefully at what I showed you earlier.

All you have to do is add the id="footer" to the opening footer tag.

That’s it.

Make sense?

9

uhmm, yea, i guess, but… i cant just put "footer" because I cant use that twice, only once. So that doesn’t fix the problem

10

The tests say that your footer id should be footer means your footer element should have an id set to footer. As @jwilkins.oboe said

<footer Id goes here>Copyright Cat Photo App</footer>

Ids can only be used once also you were told to only have the footer id to the footer element not more than one element.

11

Also remove this part from your code.

12

ok, only once, got it.
Now, I’m sorry for not understanding, im being slow at this…
The id is where is like #footer, right?
If so, how do i attribute the id to footer??

13

# is commonly used to represent ids. also I gave an example above where the id goes use that as referance.

Note: You no need to use # when naming your id use it only when setting up the linking

14

I did:
<a href="#footer">Jump to Bottom</a> <id="footer">

15

Remove this part from your a element because only the footer element should have the id set to footer as @nhcarrigan said you are creating a separate id element which is invalid

16

This is what i currently have:

<h2>CatPhotoApp</h2>
<main>

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

  <p>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. 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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. 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.</p>
  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
  <p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>
</main>
<footer>Copyright Cat Photo App</footer>
17

Delete this part

and

add the id of footer here

18

ok, and what would the id of footer be?

19

The id of the footer will be footer only.

20

id=footer?
how would i execute it, with what code?