I cant figure out the the last condition in creating a tribute page

HTML-CSS
1

I have looked at the other answers in the forum regarding this particular condition *“Your #img-div , #image , #img-caption , #tribute-info , and #tribute-link should all be descendants of #main .”
I can’t figure it out, I reread my code, checked if I ordered it wrong then looked up answers on the forum, and tried to do the solutions, but I still got the error returned. Am I missing something? Sorry please help!! I have been stuck on this one for quite a while

<!doctype html>
<html>
			<header>
	<link rel="stylesheet" href="styles.css">						<title >Arnold Swazzenegar</title>
			</header>
<main id="main">
							<h1 id="title">Arnold Swazzenegar</h1><hr>
</main>
			<figure id="img-div">
							<img id="image" src="https://i.pinimg.com/564x/e8/36/ec/e836ecf55999fcd30e05ce7fba2c8040.jpg" width=100% height=auto alt="Arnold in one of his iconic poses during a Mr Olympia Contest"> 
							<figcaption id="img-caption">Arnold in one of his iconic poses during a Mr Olympia Contest</figcaption>
							</figure>	
				<body id="tribute-info">
							<hr>
							<p> The Austrian-born 7 times Mr. Olympia and Actor Arnold Swazzenegar lives the American dream and is living the best of his life, heres a brief timeline of his life.</p>
							
							<ul>
									<li><strong>1947:</strong> Born in Thal Bei Graz, Austria</li>
									<li><strong>1969:</strong> Moved to California to accomplished his bodybuilding and film aspirations.</li>
									<li><strong>1970:</strong> Won Mr. Olympia, a feat he will continue to achieve seven more times in his career as a bodybuilder. Also the year which marked his acting debut as Hercules in 'Hercules in New York'.</li>
									<li><strong>1972</strong> Became a household name with his acting in the widely acclaimed Conan The Barbarian</li>
									<li><strong>1976:</strong>Won “Best Acting Debut in a Motion Picture.” for his potrayal as Austrain bodybuilder Joe Santo in "stay Hungry".</li>
									<li><strong>1979:</strong> Graduated From University of Wisconsin-Superior with a degree in Business and International Economics, in 1979.</li>
									<li><strong>1984:</strong> The Terminator was released and gain Arnold worldwide recognition. The movie would span into a franchise of six movies and reaching cult status among fans cementing his place in hollywood lore. The last terminator movie was released in 2019.</li>
									<li><strong>2003:</strong> Elected as Governor of the state of California where he beared office for two terms.</li>
						
						<blockqoutes>
							<p>“The last three or four reps is what makes the muscle grow. This area of pain divides the champion from someone else who is not a champion. That’s what most people lack, having the guts to go on and just say they’ll go through the pain no matter what happens.”</p>
								 <cite>--Arnold Schwarzenegger</cite>
						</blockqoute>
						<hr>
						<p >To learn more about Arnold and his life, visit his <a id="tribute-link"href="https://en.wikipedia.org/wiki/Arnold_Schwarzenegger" target="_blank">wikipedia </a> page.</p>
</body>
</html>
2

Hi lifeistender,

The exercise says: “Your #img-div , #image , #img-caption , #tribute-info , and #tribute-link should all be descendants of #main .”. This means that all of these elements should be nested in the “main” element. As you can see in your code you are putting a closing tag immediately after the h1 string, so all the others elements end up being outside the main element. I hope this explanation helps you to understand the problem. Peace!

Alessandro

1 Like
3

Hi! Welcome to the forum!

Please try to link the to the project you are working on. It makes it faster to test code and refer back to user stories.

You may want to run your code though a html validator like this one. I’m seeing quite a few syntax mistakes.

For example, here the style sheet and title should be inside a <head> element, not a header element.

			<header>
	<link rel="stylesheet" href="styles.css">						<title >Arnold Swazzenegar</title>
			</header>

The <body> tag should also wrap around everything that isn’t inside the head tag.

And I can’t see a closing tag for your <ul> element.

And check the capitalisation of your doctype declaration. The doctype bit should be in all caps to meet standard.

1 Like
4

Thank you so much!! I was under the assumption that descendant meant after closing it.

2 Likes
5

The HTML validator is quite a nice tool to check for mistakes which I realize were many, I went through my code again slowly and tidied it up and viola it worked!!! Thanks for the help, I was running in circles before this.

1 Like
6

No problem!
It’s a great little tool. :smiley:

7

No problem @lifeistender ! :smile:

8

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