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" />
                </div>

Open in new window

ASKER CERTIFIED SOLUTION

activematx

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Camillia

ASKER

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
               </p>
              </div>

Open in new window

Camillia

ASKER

Found out what it is. It's one of the CSS tags. The 'text" one. I'll play around with it.
Thanks

activematx

Try changing the text color to black. Is your image white?

Camillia

ASKER

yes, that was one of the issues. It's working now. Thanks