Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Some help with HTML?

mattonfire
 Share

I have a carousel but don't know how to change the text as the carousel goes, I want the text to be under all over the images though not inside the individual divs. Got any ideas?

image.png.6b724e140f1cc0c50a1f3dc4ba9947b7.png

Link to comment
Share on other sites

Link to post
Share on other sites

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 3600 @ 4.5ghz all cores | Asrock B550M Steel Legend | Radeon RX580 | 2x Samsung 16gb c-die 2666 @ 3600mhz cl16 | 500gb WD SN750 | 9 TB HDD | Deepcool Gammax 400 w/ 2 delta 4000rpm push pull | Antec Neo Eco Zen 500w

Link to comment
Share on other sites

Link to post
Share on other sites

16 hours ago, SupaKomputa said:

-snip-

 

image.png.5c402aa2669ce4f15444190af19f986e.png

hat puts it on the image, I'd like it underneath where the Lorem ipsum is.

Link to comment
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
 Share


×