I completed the project and everything appears to work, but the nav llist items do not display in the nav bar. I just get black table cells which take me to the right place, but no visible text in the cells
Please could you share the code?
Thanks for the response. Here’s the code from index.html:
‘’’
New York City
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 1867, France gifted the City of New York what is known as The Statue of Liberty, which is currently located on Liberty Island and commonly visited by tourists. However, it took 10 years to assemble and wasn't unveiled until 1876. 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.
This is The Statue of Liberty, a popular tourist attraction located on Liberty Island.
The Scenery in New York
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.
Posted by: Barry Lerich Contact information: [email protected]
‘’’
And here’s style.css:
‘’’
body {
background: #e6e6e6;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #010e80;
display: table;
width: 100%;
}
nav li {
display: table-cell;
}
li a {
display: block;
color: white;
text-align: center;
padding: 30px 30px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}
h2 a {
padding: 33px 25px;
color: white;
text-decoration: none;
}
h2 a:hover {
background-color: #111;
}
figcaption{
text-align:left;
}
header {
margin-left: 14px;
}
article {
text-align: left;
margin: 15px;
max-width: 80%;
font-size: 18px;
line-height: 32px;
}
img {
width: 400px;
height: 300px;
position:relative;
right:28px;
}
aside {
left: 10px;
border: 1px solid black;
padding: 15px;
max-width: 80%;
position: relative;
border-color: #010e80;
border-width: 5px;
font-size: 18px;
}
footer {
position: relative;
width: 100%;
bottom: -100px;
background-color: #010e80;
}
footer p {
color: white;
text-decoration: none;
padding: 10px;
text-align: center;
width: 100%;
box-sizing: border-box;
}
footer a {
color: white;
text-decoration: none;
text-align: center;
width: 100%;
}
video {
display: block;
width: 420px;
height: 250px;
padding:15px;
}
audio {
padding: 15px;
width: 98%;
box-sizing: border-box;
}
embed {
width: 400px;
height: 458px;
padding:15px;
}
‘‘’
Barry
Barry Lerich
360.223.5333 (M)
Thanks! I think it’s that the text needs to be inside the link tags, so change
<a href="#blog"></a>Blog
to
<a href="#blog">Blog</a>
Thanks so much Grace - that did the job!
1 Like