New York Blog Exercise

I am mid way through the New York Blog exercise and I am having trouble with the Ordered List - It’s all on one line? Wondering what I’ve done wrong…

https://www.codecademy.com/paths/web-development/tracks/learn-html-web-dev-path/modules/learn-semantic-html/projects/semantic-html-nyc-blog

Hello @mindymoo. Welcome to the forum. It is difficult to tell from looking at your screen shot, but it appears you may have nested the page elements incorrectly, and the CSS for the wrong parent container is being applied. If you could post your entire HTML code using the </> button, we can take a look. Make sure you use the </> or your code will not show up in your post. Here are some brief instructions:

capture

Press Enter to go to a blank line, click that icon, and you will see this:

capture_r

Just copy and paste your code directly from the editor into that highlighted portion.

2 Likes

Try to move the back up right after the for the navigation bar

Hello, I seem to have hit the same snag as mentioned before. My organized list is showing up all in one line. I’ll attach my code. I’ve completed the project and everything looks to be fine except this and it’s driving me wild not being able to figure out what is wrong.

<!DOCTYPE html>
<html>
   <head>
      <link rel="stylesheet" href="style.css">
   </head>
   <body>   
<nav>
  <header>
    <h1>New York City</h1>
  </header>
   <ul>    
   <li><a href="#blog">Blog</a></li>
   <li><a href="#media">Media</a></li>
     <li><a href="#about">About</a></li>
     </ul> 
  <main>
    <section id="blog">
      <article>
        <p>New York City is made up of five boroughs which include Queens, Manhattan, Brooklyn, the Bronx, and Staten Island. The city is the home of approximately 8 million people. In 1876, France gifted the City of New York what is known as the Statue of Liberty, which is currently located on Ellis Island commonly visited by tourists. However, it took 10 years to assemble and therefore wasn’t unveiled until 1886. Another tourist destination is Times Square. Times Square is commonly known for the big buildings, Broadway shows, and bright neon signs. This famous location was named after The New York Times after the Times moved to that location. Prior to that, it was named Longacre Square. New York City is also known for its bridges that connect the boroughs and allow ease of transportation.</p></article>
    </section>
    <figure><img src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/statue-of-liberty.jpeg">
    <figcaption>This is the Statue of Liberty, a popular tourist attraction located on Ellis Island.</figcaption>
    </figure>
    <aside>
      <p>New York City is very popular for the variety of great food it has. Some of the top food items in NYC include:</p>
    <ol>
     <li>Pizza</li>
     <li>Bagels</li>
     <li>Burgers and Sandwiches</li>
     <li>Ramen</li>
     <li>Tacos</li>
     <li>Pasta</li>
     <li>Desserts</li> 
     </ol>
      </aside>
      <section id="media">
        <article>
          <h2>The Scenery in NYC</h2>
          <p>While the view in the city is beautiful, the sounds are not as lovely. Below you'll see an example of the view and the sounds you'll deal with in NYC on a daily basis.</p>
        </article>
        <video controls src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/nyc-skyline-timelapse.mp4">
        </video>
        <embed src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/nyc-skyline.jpeg">
        <audio controls src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/nyc-sounds.mov"></audio>
      </section>
      </main> 
      <footer id="about">
    <p>Posted by:Alvaro</p>
    <p>Contact information: [email protected]</p>
        </footer>
  </nav>   
   </body>
</html>

The CSS is changing how your list items display. In the CSS file we have the following selector:

nav li {
	display: table-cell
}

Your ordered list items are included inside the <nav></nav> tags. Should they be? (They shouldn’t) :wink:

You should review the first three steps. You have a few things nested inside the <nav></nav> tags that shouldn’t be. Your <header><h1>New York City</h1></header> for example should be right after the closing </nav> tag.

2 Likes

Thanks so much for your help! That was driving me nuts! :sweat_smile:

1 Like

Hmm I had to the same problem to

WOW thanks for the help I really appreciate it :smile: :smile: :smile:

here is a long paragraph lol

<!DOCTYPE html>
<html>
   <head>
      <title>New York City</title>
      <link rel="stylesheet" href="style.css">
   </head>
   <body>   

     <nav>
       <ul>
         <li><a href="">Blog</a></li>
         <li><a href="">Media</a></li>
         <li><a href="">About</a></li>
       </ul>
     </nav>
     <header>
       <h1>New York City</h1>
     </header>
     <main>
       <section id="blog">
         <article>
           <p>
             New York City is made up of five boroughs which include Queens, Manhattan, Brooklyn, the Bronx, and Staten Island. The city is the home of approximately 8 million people. 
             In 1876, France gifted the City of New York what is known as the Statue of Liberty, which is currently located on Ellis Island commonly visited by tourists. 
             However, it took 10 years to assemble and therefore wasn’t unveiled until 1886. 
             Another tourist destination is Times Square. 
             Times Square is commonly known for the big buildings, Broadway shows, and bright neon signs. 
             This famous location was named after The New York Times after the Times moved to that location. 
             Prior to that, it was named Longacre Square. New York City is also known for its bridges that connect the boroughs and allow ease of transportation.
           </p>
         </article>
       </section>
       <figure>
         <img src="https://content.codecademy.com/courses/Semantic%20HTML/statue-of-liberty.jpeg"/>
         <figcaption>This is the Statue of Liberty, a popular tourist attraction located on Ellis Island.</figcaption>
       </figure>
       <aside>
         <p>
           New York City is very popular for the variety of great food it has. Some of the top food items in NYC include:
         </p>
         <ol>
           <li>Pizza</li>
           <li>Bagels</li>
           <li>Burgers and Sandwiches</li>
           <li>Ramen</li>
           <li>Tacos</li>
           <li>Pasta</li>
           <li>Desserts</li>
         </ol>
       </aside>
       <section id="media">
         <article>
           <h2>The Scenery in NYC</h2>
           <p>
             While the view in the city is beautiful, the sounds are not as lovely. 
             Below you'll see an example of the view and the sounds you'll deal with in NYC on a daily basis.
           </p>
         </article>
         <video src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-skyline-timelapse.mp4" controls></video>
         <embed src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-skyline.jpeg"/>
         <audio controls>
           <source src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-sounds.mov">
         </audio>
       </section>
     </main>
     <footer>
       <p><strong>Posted by</strong>: <em>Francky Ntyam</em></p>
       <p><strong>Contact information</strong>: [email protected]</p>
     </footer>
   </body>
</html>

My New York City Blog.

Hello, this is my New York City Blog Project.
I would appreciate if someone could review it and point any mistakes i made. Thank you. :slightly_smiling_face:

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>   
    <nav>
      <ul>
        <li><a href="#blog">Blog</a></li>
        <li><a href="#media">Media</a></li>
        <li><a href="#about">About</a></li>
      </ul>
      </nav>
  <header><h1>New York City</h1></header>
    <main>
      <section id="blog">
        <article>
          <p> 
New York City is made up of five boroughs which include Queens, Manhattan, Brooklyn, the Bronx, and Staten Island. The city is the home of approximately 8 million people. In 1876, France gifted the City of New York what is known as the Statue of Liberty, which is currently located on Ellis Island commonly visited by tourists. However, it took 10 years to assemble and therefore wasn’t unveiled until 1886. Another tourist destination is Times Square. Times Square is commonly known for the big buildings, Broadway shows, and bright neon signs. This famous location was named after The New York Times after the Times moved to that location. Prior to that, it was named Longacre Square. New York City is also known for its bridges that connect the boroughs and allow ease of transportation.
          </p>
        </article>
      </section>
    <figure>
      <img src="https://content.codecademy.com/courses/Semantic%20HTML/statue-of-liberty.jpeg">
      <figcaption>
This is the Statue of Liberty, a popular tourist attraction located on Ellis Island.  
      </figcaption>
    </figure>
      <aside>
        <p>
New York City is very popular for the variety of great food it has. Some of the top food items in NYC include:          
        </p>
        <ol>
          <li>Pizza</li>
          <li>Bagels</li>
          <li>Burgers and Sandwiches</li>
          <li>Ramen</li>
          <li>Tacos</li>
          <li>Pasta</li>
          <li>Desserts</li>
        </ol>
      </aside>
        <section id="media">
          <article>
            <h2>The Scenery in NYC</h2>
            <p>
While the view in the city is beautiful, the sounds are not as lovely. Below you'll see an example of the view and the sounds you'll deal with in NYC on a daily basis.
            </p>
          </article>
            <video src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-skyline-timelapse.mp4" controls>
            </video>
              <embed src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-skyline.jpeg"/>
                <audio src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-sounds.mov" controls></audio>
        </section>
      </main>
        <footer id="about">
          <p>Posted by Panagiotis Karagiannis</p>
          <p>Contact information: [email protected]</p>
        </footer>
    </body>
</html>