How to make an image clickable

Question

Hello, I would like to make 2 of my images clickable: The one in my header (Kurium Header Logo) And the one in my footer (Kurium Footer Logo)

Here is my code:

HTML : https://bin.readthedocs.fr/ttilty.txt

CSS : https://bin.readthedocs.fr/ladvic.txt

If someone knows how I can do it please I'm interested

U can just create a button but in the content you can pass the image thats this simple — Yeshwin Verma, Apr 20 '21 at 05:48

score 0 · Answer 1 · answered Apr 20 '21 at 05:50

0

Just wrap an anchor around them

<a href="#"><img class="header-logo" src="img/logo.svg" alt="Kurium Header Logo" href="index.html"></a>

answered Apr 20 '21 at 05:50

spacemonki

291
2
13

Thanks for the help, I understand better now how to do it – Apr 20 '21 at 06:17

CleverOscar · Accepted Answer · 2021-04-20T22:02:29.630

0

If you want to turn any element into a hyper link you can wrap your element or string in between the a anchor tag element, inside the first a opening tag add an attribute href to the url you desire. Like so

<a href="www.url.com">  
    <img src={img.png} />
</a>

For a more detailed explanation check out

https://www.w3schools.com/tags/att_href.asp

edited Apr 20 '21 at 22:02

answered Apr 20 '21 at 06:28

CleverOscar

115
1
2
9

Thanks for the help, your method is shorter I keep it aside it can be cool too :p – Apr 20 '21 at 06:29

How to make an image clickable

2 Answers2