How to covnert WordPress website into just WordPress Blogging site?
February 16, 2017
What is Favicon
What is Favicon? And how do I add Favicon to my WordPress website?
February 17, 2017

How do I put a text as a hyperlink over the pictures in HTML?

How do I put a text as a hyperlink over the pictures in HTML

How do I put a text as a hyperlink over the pictures in HTML?

If you want to use text as hyperlink over the image then you have to use the image as the background image.

I will do this by CSS.

Here is the example.

<!DOCTYPE html>
<html>
<body background=”image.png”>

<h1>Hello world!</h1>
<p><a href=”https://www.bloggingcanker.com“>Visit bloggingcanker.com</a></p>
<p>The background attribute is not supported HTML5. Use CSS instead.</p>

</body>
</html>

In above example i used the image as background image of body. This will cover the whole screen. If you want to do for a particular section. Then you can write Css for that class.

Example 2.  

<html>

<div class=”super”>

<p><a href=”https://www.bloggingcanker.com“>Visit bloggingcanker.com</a></p>

</div>

</html>

Css for this class:-  .super { background: #00ff00 url(“smiley.gif”) no-repeat fixed center; }

 

In this way, you can set the background image of any class.

If you have any question please feel free to contact me. Thanks

 

Leave a Reply

Join Us

For Wordpress Tips || Wordpress Security || Blogging Tips || Website Development Guide.

100% Privacy. We don't spam.