Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I tried to follow the instructions but there are still a few errors in my code.
Your code so far
‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’
Tribute Page: Build a Tribute Page | freeCodeCamp.org

<!-- file: index.html -->
<main id="main">
<title id="title">Samuel Eto'o</title>
<div id="img-div"><img id="image"> <figcaption id="img-caption">Samuel Eto'o</figcaption> </div>
<section id="tribute-info">
   <h1>About Him</h1>
   <p>Born 10 March 1981, Smauel Eto'o is a Cameroonian football administrator and former player who is the current president of the Cameroonian Football Federation from 11 December 2021.In his prime, Eto'o was regarded by pundits as one of the best strikers in the world, and he is regarded as one of the greatest African players of all time,winning the African Player of the Year a record four times:in 2003, 2004, 2005, and 2010.</p>
      </section>
      <section>
        <h2>Club career</h2>
       <p>Real Madrid</span></p>
       <p>Eto'o joined Real Madrid's youth academy in 1997, but he could only train with Real Madrid B, as he was still a minor.Real Madrid B were relegated to the third tier, Segunda División B, where non-EU players are not allowed, and as a result, he was loaned to second division Leganés for the 1997–98 season.Then returned to Real Madrid</p> 
       <p>FC Barcelona</p>
       <p>Eto'o made his Barcelona debut in the season opener at Racing de Santander on 29 August 2004. Eto'o edged out Valencia striker David Villa for the award during the final matchday on 20 May 2006 when he scored his 26th goal of the season against Athletic Bilbao to win Pichichi trophy, which is given to the top scorer in La Liga.He also won the 2005–06 Champions League title after scoring the equalizer in final against Arsenal.Eto'o scored the opening goal in the 2009 UEFA Champions League Final against Manchester United. Barcelona went on to win the final 2–0 thus completing the Treble. 
</p>
   <p>Inter Milan</p>
      <p>In the season 2009-2010, Eto'o won an historical trebel with Inter Milan for winning the Italian cup, the Italian Leauge and the Champion's League.He also played for Chealsea and Everton and more clubs.</p>
      </section>
      <section>
        <h3>International career</h3>
        <p>With his country Cameroon,Eto'o won the 2000 and 2002 Africa Cup of Nations, and was a gold medalist at the 2000 Summer Olympics.</p>
      </section>
      <a id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Samuel_Eto%27o#References" ></a>
      </main>

/* file: styles.css */
img{
  display:block;
  text-align:center;
}


#image {
  max-width:100%;
  height:auto;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36 Edg/115.0.1901.203

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

can you tell which errors are there ?
what is task saying you didnt pass

3

/* file: styles.css */
img{
display:block;
text-align:center;
}

#image {
max-width:100%;
height:auto;
}

[/quote]

you still need to link your picture, within the main html.
4

@diomed This is what I did not pass:
image

5

this is all because you coded in css file but you didn’t link that file to your html. and task tells you to do it.

6

@tedterrific above asked me to link my html and css files, which I did. But the last task is still not completed.
image

7

Note: Be sure to add <link rel="stylesheet" href="styles.css"> in your HTML to link your stylesheet and apply your CSS

you dont have that in your code! :pinched_fingers:

8

I have it in my code
‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’‘’
Tribute Page: Build a Tribute Page | freeCodeCamp.org

9

I dont see your updated code.
whenever we open that link, we see only our own code.

10

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

11

image

12

You need to share all your code. Just sharing parts is not very helpful

13

you closed html tag . html tag is closed after the end of it all, because everything on page is wrapped in html tags

14 
<!DOCTYPE html> <html lang="en"> 
<link rel="stylesheet" href="styles.css">
<main id="main">
<title id="title">Samuel Eto'o</title>
<div id="img-div">
   <img id="image"> <figcaption id="img-caption">Samuel Eto'o</figcaption>  </div>
<section id="tribute-info">
   <h1>About Him</h1>
   <p>Born 10 March 1981, Smauel Eto'o is a Cameroonian football administrator and former player who is the current president of the Cameroonian Football Federation from 11 December 2021.In his prime, Eto'o was regarded by pundits as one of the best strikers in the world, and he is regarded as one of the greatest African players of all time,winning the African Player of the Year a record four times:in 2003, 2004, 2005, and 2010.</p>
      </section>
      <section>
        <h2>Club career</h2>
       <p>Real Madrid</span></p>
       <p>Eto'o joined Real Madrid's youth academy in 1997, but he could only train with Real Madrid B, as he was still a minor.Real Madrid B were relegated to the third tier, Segunda División B, where non-EU players are not allowed, and as a result, he was loaned to second division Leganés for the 1997–98 season.Then returned to Real Madrid</p> 
       <p>FC Barcelona</p>
       <p>Eto'o made his Barcelona debut in the season opener at Racing de Santander on 29 August 2004. Eto'o edged out Valencia striker David Villa for the award during the final matchday on 20 May 2006 when he scored his 26th goal of the season against Athletic Bilbao to win Pichichi trophy, which is given to the top scorer in La Liga.He also won the 2005–06 Champions League title after scoring the equalizer in final against Arsenal.Eto'o scored the opening goal in the 2009 UEFA Champions League Final against Manchester United. Barcelona went on to win the final 2–0 thus completing the Treble. 
</p>
   <p>Inter Milan</p>
      <p>In the season 2009-2010, Eto'o won an historical trebel with Inter Milan for winning the Italian cup, the Italian Leauge and the Champion's League.He also played for Chealsea and Everton and more clubs.</p>
      </section>
      <section>
        <h3>International career</h3>
        <p>With his country Cameroon,Eto'o won the 2000 and 2002 Africa Cup of Nations, and was a gold medalist at the 2000 Summer Olympics.</p>
      </section>
      <a id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Samuel_Eto%27o#References" ></a>
      </main>
      </html>
15

but where is your image link?
you dont have image on your page at all @Brice .

1 Like
16

This picture is missing from your code, I got this from the objective page, I don’t know if this is the address that is suppose to be used in your assignment, as I can’t see the previous instructions. You are missing the img src. https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg

1 Like
17

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