HighDots Forums  

background images and span element when images are turned off

Web Accessibility alt.html.web-accessibility


Discuss background images and span element when images are turned off in the Web Accessibility forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
stef
 
Posts: n/a

Default background images and span element when images are turned off - 08-02-2009 , 03:20 PM






Hi everybody

I'm looking for the following: on a web page i saw how a number of
techniques for using background images on links. There was one
technique where you would also insert a span element with descriptive
text, which was to be shown *under* the link when images were turned of
in the browser. I remember (or at least thinks so) that z-index was
used to position the span below the link. Can anyone point me to this
technique please?

Thanks in advance and best regards

stef

Reply With Quote
  #2  
Old   
Adrienne Boswell
 
Posts: n/a

Default Re: background images and span element when images are turned off - 08-02-2009 , 04:41 PM






Gazing into my crystal ball I observed stef <stephan.bourdon (AT) pandora (DOT) be>
writing in news:020820092120171086%stephan.bourdon (AT) pandora (DOT) be:

Quote:
Hi everybody

I'm looking for the following: on a web page i saw how a number of
techniques for using background images on links. There was one
technique where you would also insert a span element with descriptive
text, which was to be shown *under* the link when images were turned
of
in the browser. I remember (or at least thinks so) that z-index was
used to position the span below the link. Can anyone point me to this
technique please?

Thanks in advance and best regards

stef

Well, that's kind of counter productive, isn't it, considering there is
a well known attribute that is required and displays when images are not
available.

<p><a href="http://example.com" title="Visit Example"><img
src="example.png" alt="Example image" height="height" width="width"></a>
</p>

Can you guess which one it is?

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Reply With Quote
  #3  
Old   
stefbourdon
 
Posts: n/a

Default Re: background images and span element when images are turned off - 08-04-2009 , 05:35 AM



In article <Xns9C5B8A014A137arbpenyahoocom (AT) 188 (DOT) 40.43.213>,
Adrienne Boswell <arbpen (AT) yahoo (DOT) com> wrote:

Quote:
Gazing into my crystal ball I observed stef <stephan.bourdon (AT) pandora (DOT) be
writing in news:020820092120171086%stephan.bourdon (AT) pandora (DOT) be:

Hi everybody

I'm looking for the following: on a web page i saw how a number of
techniques for using background images on links. There was one
technique where you would also insert a span element with descriptive
text, which was to be shown *under* the link when images were turned
of
in the browser. I remember (or at least thinks so) that z-index was
used to position the span below the link. Can anyone point me to this
technique please?

Thanks in advance and best regards

stef


Well, that's kind of counter productive, isn't it, considering there is
a well known attribute that is required and displays when images are not
available.

p><a href="http://example.com" title="Visit Example"><img
src="example.png" alt="Example image" height="height" width="width"></a
/p

Can you guess which one it is?
background-image, not image

Reply With Quote
  #4  
Old   
dorayme
 
Posts: n/a

Default Re: background images and span element when images are turned off - 08-04-2009 , 06:51 AM



In article
<stephan.bourdon-1902E6.11355804082009 (AT) news-europe (DOT) giganews.com>,
stefbourdon <stephan.bourdon (AT) gmail (DOT) com> wrote:

Quote:
In article <Xns9C5B8A014A137arbpenyahoocom (AT) 188 (DOT) 40.43.213>,
Adrienne Boswell <arbpen (AT) yahoo (DOT) com> wrote:

Gazing into my crystal ball I observed stef <stephan.bourdon (AT) pandora (DOT) be
writing in news:020820092120171086%stephan.bourdon (AT) pandora (DOT) be:


I'm looking for the following: on a web page i saw how a number of
techniques for using background images on links. There was one
technique where you would also insert a span element with descriptive
text, which was to be shown *under* the link when images were turned
of
in the browser. I remember (or at least thinks so) that z-index was
used to position the span below the link. Can anyone point me to this
technique please?


Well, that's kind of counter productive, isn't it, considering there is
a well known attribute that is required and displays when images are not
available.

p><a href="http://example.com" title="Visit Example"><img
src="example.png" alt="Example image" height="height" width="width"></a
/p

Can you guess which one it is?

background-image, not image
You want a text link?

1. That has a background image?

2. That shows some text of your choosing when the image is not there?

3. Text that is different to the text of the link that is already there?

4. Text that is the same as the text that is already there but that is,
God willing, exactly congruent and in position over or under the text
already there?

5. Text that is the same as the text that is already there but is
spatially apart from the text already there and so repeats?

You have no actual text link, it is an image in an anchor element but
you want

1. A background image behind this image?

2. Some text to appear if all images are not available?

3. This text is to be a substitute for the link, the image link is self
explanatory when available, there is alt text but this is not wanted.

4. You don't like alt text, something traumatic happened in a meeting
with alt text once and it is private and you do not wish to discuss it
publicly?

5. You are quite happy with alt text as far as it goes but that is not
very far and you want longer alt text and want to explore "longdesc"?

I better stop, I just wanted to offer some moral support to Adrienne
before I go watch: The Chase (Marlon Brando, Jane Fonda, Robert Redford)
for the first time...

--
dorayme

Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.