Ocultar Direcciones E-Mail con CSS

[JUMASOL]

Hola:

Hace algún tiempo leí en un foro que se podía ocultar las direcciones e-mail para que no las captaran los recolectores de este tipo de información a fin de evitar el spam.

Como estoy creando una página que va a tener cierta entidad, no quiero que se produzca lo que hasta ahora y quiero ocultar los e-mails.

No quiero utilizar javascript y creo que las direcciones en .swf no son convenientes por lo que ello conlleva.

Como creí entender que se puede hacer alguna jugada para ocultar estos datos con css, me gustaría que alguien me orientase.

Gracias.

[alexblue]

Hola JUMASOL:

Puedes probarlo mediante CSS, con el siguiente codigo:

Código HTML:

<p id="email">E-mail:</p> 

Código:

#email:after {
content: " nombre\40dominio.com";
}

Puedes ver la fuente de donde he sacado este codigo en el blog de Juglar.

Eso si, no funciona en Internet Explorer (ni siquiera en el 7) y la accesibilidad brilla por su ausencia.

Saludos

[leviatan21]

Hola gente: Se me ocurrió lo siguente:
que pasa si en el htm lo muestro así:

usuario<em>&nbsp;</em>@<em>&nbsp;</em>dominio.com

y en la css:
em { font-size:0.1em;}

Funciona?

[T_O_N_N_Y]

mmm...

Pues depende para qué lo quieras.

Si lo que quieres es que los usuarios lean la dirección de email será válida. Pero sino cuando copien esa dirección le saldrá con un espacio entre ellas.

Depende para qué quieras poner la dirección te podré dar una respuesta u otra.

Saludos!

[leviatan21]

La idea es: evitar el spam y que el email no aparezca en el código, pero si en la pantalla.
Y para el link uso:
<SCRIPT language=JavaScript>
function nospam(name,domain){
window.location = 'mailto:' + name + '@' + domain;
}
</SCRIPT>

<a href="javascript:nospam('usuario','dominio');">usu ario<em>&nbsp;</em>@<em>&nbsp;</em>dominio</a>

Y es absolutamente compatible con todos los browsers.

[bhagat]

El amigo Stu Nichols nos da esta opcion.

http://www.cssplay.co.uk/menu/email.html

por si puede servir