Jump to content
Elie.w

Text Over Image

Recommended Posts

How can I make my text go over an image without setting the image as a background for the text,iI want the text to go over a small part of my image only, is there a way to make my image not move from it's position whatsovever?

Share this post


Link to post
Share on other sites

position:absolute; possibly with z-index

  • Like 1

Share this post


Link to post
Share on other sites

To elaborate a little more on niche's response: Put the image and the text in a container (div). Give the container position: relative; so that the container will be the element from which the text is placed in relation to. Then, as niche mentioned, give the text position: absolute; and tweak it's top and/or left values to position it where you want it. You can also use bottom or right if you want it positioned from those sides, but don't use both top and bottom or both left and right. You might also have to set a z-index on the text.

  • Like 1

Share this post


Link to post
Share on other sites

Thanks for the clarification shadowMage.

Share this post


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

×