No submit button after test completed

I finished the Tribute exercise, and i show 100% completed, 10/10 tasks done correctly, but there has been no way for me to submit my project. When I look at the tasks to-do list, the Tribute exercise still shows i’ve yet to do the project. Anyone know why this is and what I need to do?

Post your code so we can see if it should be passing or not.

Do you not get the modal popup after running the tests?

please excuse my ignorance, but i don’t know how to post it. and no, i didn’t get that message. also, when i selected the task there was no link to the codepen.jo terminal. i only discovered it by being so lost i looked up youtube videos which showed people using it. am i totally lost here?

Just copy and paste the code into your post (both HTML and CSS).

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.

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

///

<head>
  <meta charset="utf-8">
  <div id="main">
    <h1 id="title">Joanna Newsom</h1>
  </div>

  <div id="img-div">
    <img id="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTXMac2E1MPkcIOL4qcfE9vUVWvTMaEbbPccg&usqp=CAU" alt=" Joanna Newsome" />
    <br>
    <hr>
    <figcaption id="img-caption"> Joanna Newsom (born January 18, 1982) is an American singer-songwriter and actress. Born and raised in Northern California, Newsom was classically trained on the harp in her youth, and began her musical career as a keyboardist in the San Francisco–based indie band the Pleased.</figcaption>
    <section id="tribute-info">
      <p>Born in the early 1980's, Newsom brings her own unique flare to the music world. With an eclectic style all her own, Newsom's sound is all her own. Indiviual, inclussive, classic, and modern, Newsome provides songs for all tastes and discernment.</p>
      <a href="https://en.wikipedia.org/wiki/Joanna_Newsom#/media/File:Joanna_Newsom_20100729-00163_(28596677561).jpg" id="tribute-link" target="_blank">Joanna Newsom Wiki page</a>
      <br>
      </hl>
      <h2>Favorite Songs by Joanna Newsom</h2>

      <a href="https://www.youtube.com/watch?v=eupLpsycx3Y&ab_channel=JoannaNewsom-Topic" id="tribute-video" target="_blank">The Things I Say</a>
      <br>
      <a href="https://www.youtube.com/watch?v=47yuiPK01kg&ab_channel=DragCity" id="Tribute-video2" target="_blank">Sprout and Bean</a>
      <br>
      <a href="https://www.youtube.com/watch?v=ky9Ro9pP2gc&ab_channel=DragCity" id="tribute-video3" target="_blank">Sapokanikan</a>
      <br>
      <a href="https://youtu.be/F-xUpdO3g44" id="tribute-video4" target="_blank"> Clam, Crab, Cockle, Cowrie</a>
      <br>
      <a href="https://youtu.be/yu5rCJZjkfc" id="tribute-video5" target="_blank">Time, is a Symptom</a>
      <br>

    </section>
  </div>
  </main>
  </body>

  </html>
body {
  font-family: "Source Sans Pro", sans-sarif;
}

h1 {
  text-align: Center;
  font-size: 60px;
  text-transform: uppercase;
}

#image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

body {
  font-size: 20px;
}
<head>
  <meta charset="utf-8">
  <div id="main">
    <h1 id="title">Joanna Newsom</h1>
  </div>

  <div id="img-div">
    <img id="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTXMac2E1MPkcIOL4qcfE9vUVWvTMaEbbPccg&usqp=CAU" alt=" Joanna Newsome" />
    <br>
    <hr>
    <figcaption id="img-caption"> Joanna Newsom (born January 18, 1982) is an American singer-songwriter and actress. Born and raised in Northern California, Newsom was classically trained on the harp in her youth, and began her musical career as a keyboardist in the San Francisco–based indie band the Pleased.</figcaption>
    <section id="tribute-info">
      <p>Born in the early 1980's, Newsom brings her own unique flare to the music world. With an eclectic style all her own, Newsom's sound is all her own. Indiviual, inclussive, classic, and modern, Newsome provides songs for all tastes and discernment.</p>
      <a href="https://en.wikipedia.org/wiki/Joanna_Newsom#/media/File:Joanna_Newsom_20100729-00163_(28596677561).jpg" id="tribute-link" target="_blank">Joanna Newsom Wiki page</a>
      <br>
      </hl>
      <h2>Favorite Songs by Joanna Newsom</h2>

      <a href="https://www.youtube.com/watch?v=eupLpsycx3Y&ab_channel=JoannaNewsom-Topic" id="tribute-video" target="_blank">The Things I Say</a>
      <br>
      <a href="https://www.youtube.com/watch?v=47yuiPK01kg&ab_channel=DragCity" id="Tribute-video2" target="_blank">Sprout and Bean</a>
      <br>
      <a href="https://www.youtube.com/watch?v=ky9Ro9pP2gc&ab_channel=DragCity" id="tribute-video3" target="_blank">Sapokanikan</a>
      <br>
      <a href="https://youtu.be/F-xUpdO3g44" id="tribute-video4" target="_blank"> Clam, Crab, Cockle, Cowrie</a>
      <br>
      <a href="https://youtu.be/yu5rCJZjkfc" id="tribute-video5" target="_blank">Time, is a Symptom</a>
      <br>

    </section>
  </div>
  </main>
  </body>

  </html>

im obviously not doing this right. my apologies. i feel like throwing my computer out the window. i wish i knew how to show you the terminal, because i can see what i just posted isn’t what you were asking for.

  1. Remember to link to your CSS in the HTML.
<link rel="stylesheet" href="styles.css">

  1. Validate your HTML.

Tests failing:

You should have a main element with an id of main.

Your #img-div, #image, #img-caption, #tribute-info, and #tribute-link should all be descendants of #main.

Your code:

  <div id="main">
    <h1 id="title">Joanna Newsom</h1>
  </div>

It should be a main element and all the page content mentioned in the second test should be inside it.

You will get a hang of it. Most people have a hard time posting code to the forum the first time they do it.

The easiest way is to use the </> button on the toolbar and then just write or paste the code inside the backticks.

To be honest, what you just said im sure makes sense to most people, but i don’t understand it at all. Im so sorry to waste your time. You are being very kind to try and help. This is how I re-wrote the beginning:

<head>
  <meta charset="utf-8">
  <main id="main">
    <link rel="stylesheet" href="styles.css">
    <h1 id="title">Joanna Newsom</h1>

    <div id="img-div">
      <img id="image"

If I replace this from your initial code:

<div id="main">
  <h1 id="title">Joanna Newsom</h1>
</div>

With this:

<main id="main">
  <link rel="stylesheet" href="styles.css">
  <h1 id="title">Joanna Newsom</h1>

I pass all the tests.

But, I will say it isn’t valid HTML and you should fix it, but I do pass the tests.

i copied and pasted yours, but i still don’t get the Yippee! pop up. it has all along said it has passed 10/10 test, but i have not had the option to submit it. i have never felt dumber in my life. thank you for trying to help, however.

Post your current code after the edit you have made again.


Just for the sake of it, I will post your code with the change I said.

HTML:

<head>
  <meta charset="utf-8">
<main id="main">
  <link rel="stylesheet" href="styles.css">
  <h1 id="title">Joanna Newsom</h1>

  <div id="img-div">
    <img id="image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTXMac2E1MPkcIOL4qcfE9vUVWvTMaEbbPccg&usqp=CAU" alt=" Joanna Newsome" />
    <br>
    <hr>
    <figcaption id="img-caption"> Joanna Newsom (born January 18, 1982) is an American singer-songwriter and actress. Born and raised in Northern California, Newsom was classically trained on the harp in her youth, and began her musical career as a keyboardist in the San Francisco–based indie band the Pleased.</figcaption>
    <section id="tribute-info">
      <p>Born in the early 1980's, Newsom brings her own unique flare to the music world. With an eclectic style all her own, Newsom's sound is all her own. Indiviual, inclussive, classic, and modern, Newsome provides songs for all tastes and discernment.</p>
      <a href="https://en.wikipedia.org/wiki/Joanna_Newsom#/media/File:Joanna_Newsom_20100729-00163_(28596677561).jpg" id="tribute-link" target="_blank">Joanna Newsom Wiki page</a>
      <br>
      </hl>
      <h2>Favorite Songs by Joanna Newsom</h2>

      <a href="https://www.youtube.com/watch?v=eupLpsycx3Y&ab_channel=JoannaNewsom-Topic" id="tribute-video" target="_blank">The Things I Say</a>
      <br>
      <a href="https://www.youtube.com/watch?v=47yuiPK01kg&ab_channel=DragCity" id="Tribute-video2" target="_blank">Sprout and Bean</a>
      <br>
      <a href="https://www.youtube.com/watch?v=ky9Ro9pP2gc&ab_channel=DragCity" id="tribute-video3" target="_blank">Sapokanikan</a>
      <br>
      <a href="https://youtu.be/F-xUpdO3g44" id="tribute-video4" target="_blank"> Clam, Crab, Cockle, Cowrie</a>
      <br>
      <a href="https://youtu.be/yu5rCJZjkfc" id="tribute-video5" target="_blank">Time, is a Symptom</a>
      <br>

    </section>
  </div>
  </main>
  </body>

  </html>

CSS:

body {
  font-family: "Source Sans Pro", sans-sarif;
}

h1 {
  text-align: Center;
  font-size: 60px;
  text-transform: uppercase;
}

#image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

body {
  font-size: 20px;
}

If copying and pasting that code doesn’t pass the tests then something else is wrong. You can try it in a different browser just to test it.

nope. still nothing to allow me to submit. i am lost. i copied and posted your code. it says it passes 10/10, but it doesn’t show the modal completion. no Yippee! for me :frowning:

OKAY!!! So, you know how i said i didn’t have a link to the codepen.io terminal? Well, I still don’t. However, there was a terminal with the next to the instructions. It looks nothing like yours or anything ive seen on youtube and tried it first before following the url i saw everyone on youtube using. I just pasted the code to it and i got the submit. I looks nothing like yours or anything else ive see, but it took it. Now i have to figure out why my code pen looks so much different than everyone else’s but you at least got me through this exercise. Thank you so much!

Are you submitting it here?

Because that is where you are supposed to submit the code. We are not using Codepen (or any type of live link) anymore, only the editor running on the site.

So it is passing now?

That is where i finally submitted it, and yes it worked. I have spent the better part or 2 day’s trying to get it to work. I have watched hours of youtube videos trying to get it to submit. Thank you for your help. I was seriously ready to never try coding again. I have no coding buddies to bounce ideas off of. You have been fantastic. Thank you.

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