Page in question:
http://hank.org/image.html
Question:
What's the best way to move text off screen and allow a background
image to still show? And done with accessibility in mind?
I've been messing with this for a while today and now ask for help. ;)
I have javascript that finds date input fields, adds a <span> element
after the <input> so I can use a background image of a calendar icon,
and then attaches an event to the span for a pop-up calendar.
I'd like to have the span be something like:
<span>Click to select a date</span>
so I have some text, but move it off screen so only a calendar icon
shows. Of course, it would also be best if screen readers would read
the text.
I don't want the javascript to add a <img> tag -- mostly because the
javasccript is shared between applications and doesn't know the path
to the image -- so I do want to use a background image via css.
If I give up having any text in the <span> I can make it work in
Firefox, but then in IE I could not get it to display the background
image (even setting width).
Can someone help with the markup and css?
Thanks,
--
Bill Moseley
[EMAIL PROTECTED]
Sent from my iMutt
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
