Home > Back-end >  How do you make hyperlink functional on top of an image. or how do you move a text box on top of an
How do you make hyperlink functional on top of an image. or how do you move a text box on top of an

Time:12-19

This is how it looks rn

So as you can see I am able to add text over the the image BUT the paragraph I'm writing has hyperlinks in it, and if I do it the same way as i did the dear .... and the date, the hyperlink wont function at all. So now I am trying to put a text box on the image. But I cant seem to move it where I want it to. I'm making this as a Christmas gift.So I really appreciate any help I can get. Thank you :)

CodePudding user response:

The anchor element needs to have a destination reference to point the browser toward. Usually this needs the href attribute and then a location/url.

<a href="https://www.w3schools.com/tags/tag_a.asp"> This goes to W3Schools! </a>

I recommend using another of w3school's examples (since it appears you may already be in the general vicinity according to your screenshot) to get text overlaying your background image.

Hope this makes your gift a bit more merry!

https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background_hero

CodePudding user response:

so to add a link to an image you do this

<a href="redirect-link-goes-here"<img src="img-path-or-link-goes-here"></a>

Similarly with other tags as well. For example with the

<h1><a href="link-goes-here"><h1>Header-Text-Here</h1></a>
  • Related