Please see attached image. Why is this not creating an ordered list? I cant see where i have gone wrong.
Many thanks in advacne.
Dean
2 Likes
Hey Dean,
I have no clue. What I do notice is that you may have entered all your elements inside the nav element. Am I correct? I base this on seeing your ul with links being at the bottom of the page. Besides that the list of links is not defined properly, this is even pointed out by the editor (see the red circles).
If your list is indeed inside the nav element it will receive the same CSS styling as the menu buttons, which is inline and no bullets or numbering ;).
Update: I reproduced your error by placing all my content inside the nav element. This confirms my assumptions.
Happy coding!
Thank you for you help :).
1 Like
Hello
Could someone help me,
- is not showing with numerical? I am not using CSS as I haven’t reached this lesson yet? Is it because of Css or can we do something with only HTML semantic? Where am I wrong?
thanks
<!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://content.codecademy.com/courses/Semantic%20HTML/statue-of-liberty.jpeg" alt="statue of liberty">
<figcaption>
<p>This is the Statue of Liberty, a popular tourist attraction located on Ellis Island.</p>
</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" controls>
<audio controls src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-sounds.mov">
</audio>
</section>
</main>
<footer id="about">
<p>Posted by Ashley Win</p>
<p>Contact information: [email protected]</p>
</footer>
</nav>
</body>
</html>
With plain html it looks good the problem might be with your styling
thank you and it is ok now as when I put it on the browser, it was running normally.