Link to home
Start Free TrialLog in
Avatar of Camillia
CamilliaFlag for United States of America

asked on

Text on top of an image

I have this image

<img src="images/slideshow/slide-2.png"  width="948" height="341" alt="Slide 2" />

Open in new window

I want to it in a div with a text on top of it. Is this doable? I tried this but didnt show up

<div style="padding:100px 250px 15px 250px; background: url (images/slideshow/slide-2.png) "> 
                <h2>Creating a community, one referral at a time</h2> 
                <img src="images/hipaa-logo.jpg"  alt="Slide 2" />

Open in new window

Avatar of activematx
Flag of United States of America image

Link to home
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Camillia


I see the image but not the text. I wonder if I need to play around with the CSS. I do see it in Chrome's "console" . It renders like this

<div id="container" style="position: absolute; top: 0px; left: -400px; display: none; z-index: 3; opacity: 1; width: 400px; height: 400px;">
                    <img id="image" src="images/slideshow/slide-2.png" alt="">
                 <p id="text">
                 Creating a community, one referral at a time

Open in new window

Found out what it is. It's one of the CSS tags. The 'text" one. I'll play around with it.
Try changing the text color to black.  Is your image white?
yes, that was one of the issues. It's working now. Thanks