Martin Luther King Jr Tribute Page

HTML-CSS
#1

https://codepen.io/fipho2/pen/NWpRRYK.

i had a problem on adding image and set outside link to target="_blank". almost for two days now. how can i do it properly? help me!

#2

The target="_blank" is not a separate element. It is an attribute of the a element

#3 
 <figure id="img-div">
    <img id="image" style="relative;
         <a href=" https://www.google.com/search/ralph+bunche+martin+luther+king" src="ralph+bunche+martin+luther+king.jpeg" alt="Martin Luther King Jr">

What is the a element over there for? Also when copying an image link from Google, right click on the image and click on the option “copy image address”

1 Like
#4

Hi @Fipho2 !

@htmlfan has pointed out a few of the issues.
But there are still a few that need addressing.

No.1:
You need to delete this because it has a syntax error and it is affecting the rest of the page.

style="relative;

Also, you should delete it because you shouldn’t have inline styles. Place all of your css in the css section.

No.2:
You should delete this anchor tag because it is creating a syntax error.

 <a href=" https://www.google.com/search/ralph+bunche+martin+luther+king"

No.3:
You have a random end </div> tag here

 </figcaption>
    </div>

You should change that div to an ending</figure> tag since that is missing.

There might be other errors that I missed.
I would suggest running your code through the html validator

Hope that helps!

2 Likes
#5

am done with image but the big problem is to add a element with a corresponding id=“tribute-info” which Link to an outside site that contains additional information. here is a link

https://codepen.io/fipho2/pen/NWpRRYK

#6

these helps enaugh but the big problem is to add a element with a corresponding id=“tribute-info” which Link to an outside site that contains additional information. here is a link

https://codepen.io/fipho2/pen/NWpRRYK

#7 
<a id="tribute-links" href="https://en.m.wikipedia.org/wiki/The_Reverend">
        <target="_blank">

Again, target="_blank" is an attribute supposed to be added to the a element, like the href. Also, to make the tester identify it, make the id name tribute-link

1 Like
#8

finally made i made it :handshake::handshake: i was mistakenly write id=“tribute-links” instead of link

#9

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