Jump to content

You have to put the text inside each image container, example:

 

<a href="xx" style="position:relative">
  <img style="width:100%; position: absolute; z-index:10;">
  <span style="display:block; position:absolute; z-index:15; bottom: 5px">this is your text</span>
</a>

 

 

With position absolute you can layer the text and the image.

Z-index control the layer position. Higher value on top of lower value.

bottom (or top / left / right) position relative to the container (which is parent A or DIV).

 

 

 

Ryzen 5700g @ 4.4ghz all cores | Asrock B550M Steel Legend | 3060 | 2x 16gb Micron E 2666 @ 4200mhz cl16 | 500gb WD SN750 | 12 TB HDD | Deepcool Gammax 400 w/ 2 delta 4000rpm push pull | Antec Neo Eco Zen 500w

Link to comment
https://linustechtips.com/topic/1008253-some-help-with-html/#findComment-12080941
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×