Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>hermes trismegistus</title>
  </head>
    <main id="main">
      <h1 id ="title">Hermes Trismegistus</h1>
      <h2>The history of this man should be taught at schools instead of focusing on war</h2>
<div id="img-div">
  <img id="image" src="https://th.bing.com/th/id/OIP.ZCW3a72wVYAxN7Kw3KfeTwHaJ4?w=203&h=271&c=7&r=0&o=5&dpr=1.5&pid=1.7">
<div id="img-caption"><p>A picture of the not so commonly known <strong>hermes trismegistus</strong>
    </div>
    </div>
    <div id="tribute-info"><p>Hermes Trismegistus was a legendary figure who combined the Greek god Hermes and the Egyptian god Thoth.</p></div>
    <div id="tribute-link">Hermes Trismegistus was a teacher of <a id="tribute-link" target="_blank" href="https://www.bing.com/ck/a?!&&p=f54113398b741636JmltdHM9MTY5MTc5ODQwMCZpZ3VpZD0wZGI4ZTA3NC03ZjlhLTY2NTEtMWViNC1mMzU2N2VkNzY3ZGQmaW5zaWQ9NjMzNA&ptn=3&hsh=3&fclid=0db8e074-7f9a-6651-1eb4-f3567ed767dd&psq=hermeticism&u=a1aHR0cHM6Ly9lbi53aWtpcGVkaWEub3JnL3dpa2kvSGVybWV0aWNpc20&ntb=1Hermeticism">Hermeticism</a></div>
    </main>
  </html>

/* file: styles.css */

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.200

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

1 Like
3

Hey griff struggling with the a element it is recognizing it as functioning in the preview but not being ticked off of the checklist on the left for the project, not sure what is going on, any ideas? Thanks.

4

Id’s must be unique on the page, which means that two elements cannot have the same id. So only the a can have the id of “tribute-link”. You’ll need change the id on its parent div.

5

But it tells you to have a div element with the id of tribute-link for which i received the tick

6

That test does not want you to add an id of tribute-link to the div element
Here is what the test says

You should have an a element with an id of tribute-link.

You did correctly add the id of tribute-link to the anchor element here

But to Bruce’s point, you also added that exact same id here which is incorrect

You need to remove the id from the div to pass those tests.

Then you will be left with the tests for the image, then you will complete the project.

Hope that clears it up

7

I get it now sorry guys, thanks a million for your help much appreciated, the worst thing that gets you with the coding is not reading things properly :joy:

8

no worries.
Happy to help :+1:

9

You can say that again. If you want to do this stuff professionally someday then you will spend about 50% of your time reading documentation, tutorials, and such. So learning how to decipher instructions now is a very valuable skill :slightly_smiling_face:

Keep up the good work.

10

Thanks man will do :+1::+1:

11

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