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

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.

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.


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
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)