Stuck on id topic on basic HTML5, please help

HTML-CSS
#1 
<h2>CatPhotoApp</h2>
<main>

  <a href="#footer"> Jump To Bottom</a>

  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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 id="#footer">Copyright Cat Photo App</footer>

the code above is what I am working on, I have checked everything and all it says is The footer tag should have an id attribute set to “footer”. I have all extensions turned off and have gone so far as to copy the id text from the video. Please help.

#2

Hello @cakuay,

The issue here is because of “#”. When you do a link into the page, to refer to the id, you use the # + name of the id you refer to. But the id of the targeted element shouldn’t have the “#” :

<a href="#footer"> Jump To Bottom</a>

Your footer code:

<footer id="#footer">Copyright Cat Photo App</footer>

What it should be:

<footer id="footer">Copyright Cat Photo App</footer>

That’s all, hope I explained well :grin:

1 Like
#3

Hello @cakuay !
You must delete the id="#footer" from <footer id="#footer">Copyright Cat Photo App</footer>.
You mustn’t change the text &copy; 2018 Camper Cat.

Link to challenge:

#4

footer id should be without # . like id=“footer” thats it

#5

No. You must have just <footer> and </footer>. Without id.

#6

No, he needs, because it is the purpose of his anchor. And it will not work if there is the “#” in the footer id.

1 Like
#7

Sorry, but if I use id at footer my code does not pass the tests…

#8

I think you are not on the same challenge that he is/ was. Look well the code he shared.

The challenge you are talking about contain this:

<body>
  <header>
    <h1>Training</h1>
    <nav>
      <ul>
        <li><a href="#stealth">Stealth &amp; Agility</a></li>
        <li><a href="#combat">Combat</a></li>
        <li><a href="#weapons">Weapons</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <section id="stealth">
      <h2>Stealth &amp; Agility Training</h2>
      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
      <article><h3>No training is NP-complete without parkour</h3></article>
    </section>
    <section id="combat">
      <h2>Combat Training</h2>
      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
    </section>
    <section id="weapons">
      <h2>Weapons Training</h2>
      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
    </section>
  </main>


  <footer>&copy; 2018 Camper Cat</footer>


</body>

His challenge contains this:

<h2>CatPhotoApp</h2>
<main>

  <a href="#footer"> Jump To Bottom</a>

  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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 id="#footer">Copyright Cat Photo App</footer>

In his challenge, it looks like he has to create a nav link to the footer, so he needs the id.

#9

Hmmm… interesting… I’m talking about the same challenge…

#10

Sorry to tell you that, but no you are not talking about the same thing. Compare the code he shared and the code of the challenge you are referring to. In the one you refer to, indeed you don’t need the id, in the one @cakuay refers too, it is about navigation link and if he doesn’t use the id he will not pass the challenge and it would means that he didn’t understand how to create navigation links.

#11

Hi @cakuay !

I edited your post to include the challenge link.
When asking questions on the forum please include all of the information needed to assist you.
This usually means your code and challenge link.

In the future, you can use the Ask for help button which generates all of this information for you.

Happy coding! :grinning:

1 Like
#12

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.