[WSG] Images as DIV Background with and without link (w3c friendly)

2006-01-04 Thread Fausto Balloni 
Hi All,

We came with a W3C friendly solution to insert images with or without link in 
the layout, being able to control it via CSS only, without writing the IMG tag 
on the HTML code). It also helps Google and other search engines to find the 
name, title or alt of the image.

Image Without Link:
http://www.sugarman.ca/temp/w3c/imagem_sem_link.htm

Image With Link:
http://www.sugarman.ca/temp/w3c/imagem_com_link.htm

We would like to have your opinion about it and sugestions are welcome!

[]'s

Fausto Balloni Filho
Client-Side - Globo.com
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

RE: [WSG] Images as DIV Background with and without link (w3c friendly)

2006-01-04 Thread Fausto Balloni 



Thank 
you foryour help,Paul.

This 
link will be very useful!!! It is in my bookmark allready.

(-:

Regards from Rio de Janeiro (Brazil),

Fausto.



  -Original Message-From: 
  [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On 
  Behalf Of Paul CollinsSent: quarta-feira, 4 de janeiro de 2006 
  12:48To: wsg@webstandardsgroup.orgSubject: Re: [WSG] 
  Images as DIV Background with and without link (w3c 
  friendly)
  Hi Fausto,
  
  A good way of doing it, but It doesn't work with 
  Images off and CSS still turned on, which 
  becomes an Accessibility issue. Has anyone ever resolved a way ofdoing 
  this for graphic links containing a rollover state? The problem is, IE doesn't 
  let you add a hover state to anything other than the a tag. So 
  thecommon methods of image replacement don't seem to work in those 
  instances:
  
  I thought the Gilder/Levin/Shea Enhancement Method was best, but you 
  can't have a hover state on a graphic link using this.
  
  Example HTMLwould be:
  a id="header" title="Revised Image 
  Replacement" href=""span/spanRevised Image 
  Replacement/a
  
  Anyonefoundanother 
  method?
  
  For a good list of ideas Fausto, you could try 
  this page if you haven't already seen it:
  http://www.mezzoblue.com/tests/revised-image-replacement/
  
  Cheers,Paul
  
  
  
  
- Original Message - 
From: 
Fausto Balloni 
To: wsg@webstandardsgroup.org 
Sent: Wednesday, January 04, 2006 2:16 
PM
Subject: [WSG] Images as DIV Background 
with and without link (w3c friendly)
Hi All,We came with a W3C friendly solution to insert 
images with or without link in the layout, being able to control it via CSS 
only, without writing the IMG tag on the HTML code). It also helps Google 
and other search engines to find the name, "title" or "alt" of the 
image.Image Without Link:http://www.sugarman.ca/temp/w3c/imagem_sem_link.htmImage 
With Link:http://www.sugarman.ca/temp/w3c/imagem_com_link.htmWe 
would like to have your opinion about it and sugestions are 
welcome![]'sFausto Balloni FilhoClient-Side - 
Globo.com**The 
discussion list for http://webstandardsgroup.org/See 
http://webstandardsgroup.org/mail/guidelines.cfmfor 
some hints on posting to the list  getting 
help**