View Single Post
  #3 (permalink)  
Old November 29th, 2009, 03:55 AM
chroniclemaster1 chroniclemaster1 is offline
Friend of Wrox
Points: 1,749, Level: 16
Points: 1,749, Level: 16 Points: 1,749, Level: 16 Points: 1,749, Level: 16
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jun 2007
Location: San Diego, CA, USA.
Posts: 477
Thanks: 10
Thanked 19 Times in 18 Posts
Default

If you're asking what I think you're asking, this is so easy you'll kick yourself. On your webpage you need a block level element to contain the text. If there's a handy structure use it, otherwise just wrap the text in a div.

<div id="accessibleImageText">
Here's the text I want to appear on top of the image.
</div>

Then in your CSS file write...

#accessibleImageText {
background: url(../Images/TopRightCorner1.jpg) no-repeat;
top: 0;
right: 0;
width: 100px;
height: 100px;
}

Naturally you can use left right, and set whatever units and/or distances you want. The width and height of the HTML element should be identical to the image dimensions, whatever they are.

HTH,
Wayne
__________________
-------------------------

Whatever you can do or dream you can, begin it. Boldness has genius, power and magic in it. Begin it now.
-Johann von Goethe

When Two Hearts Race... Both Win.
-Dove Chocolate Wrapper

Chroniclemaster1, Founder of www.EarthChronicle.com
A Growing History of our Planet, by our Planet, for our Planet.
Reply With Quote
The Following User Says Thank You to chroniclemaster1 For This Useful Post:
andypandyrox456 (April 7th, 2010)