Link a mail con css?

[SeNdEr2003]

Buenas

Necesito hacer que un link a un mail sea clickeable, esta todo con css puesto que es una sola imagen donde esta dibujado el mail, entonces tuve que situar el css y crear la plantilla flotante, en fin, logre hacer que sea un link comun, pero no un link que haga que se abra el outlook (lo quieren asi, no me pregunten porque jaja, estan locos), bueno lo tengo hecho asi:

Código PHP:

  <div onclick="location.href='[email protected]';" style="cursor:pointer;" class="email-contact"> 
   

obviamente el href no me deja manejar mails, como podria hacer????????? alguien sabe?

Bueno lo pude hacer de esta manera:

Código PHP:

  <div class="email-contact"><a href="mailto:[email protected]"><span STYLE="visibility:hidden; text-decoration:none" >[e-mail]</span></a></div> 
   

Pero no me gusta nada, no se si habra otra manera mejor, y creo que esto no es valido, funciona pero no se si es correcto, alguien tiene una forma mejor?

[cristian_cena]

Interesante, voto el tema asi aprendo algo nuevo, ahora ¿que quieres hacer?

[safe]

A ver... no me queda claro que quieres hacer. Principalmente me confunde la oración del comienzo "Necesito hacer que un link a un mail sea clickeable". Si es un LINK ya es clickable, no tienes que hacer anda para que lo sea. Por otro lado, el segundo código que posteaste es totalmente valido. Es horrible, pero es válido.

Lo que quieres hacer es un enlace a un mail, pero que en vez de texto sea una imagen? si es así: solo necesitas utilizar el siguiente código HTML:

Código HTML:

<a class="email-contact" href="mailto:[email protected]">[email protected]</a> 

Despúes por CSS hacés algo como:

Código HTML:

.email-contact {
  background: url(/tu/imagen.gif) no-repeat;
  display:block;
  height:32px; <-- alto de la imagen 
  text-indent:-9999px;
  width:32px; <-- ancho de la imagen
}

Por ahí, por el contexto en el que tienes ese enlace, el display:block tengas que cambiarlo por un float:left o alguna otra variante. Pero esa es la forma simple (y correcta) de hacer convertir un enlace de texto en una imagen linkeada.

[alexk]

safe

el segundo código que posteaste es totalmente valido. Es horrible, pero es válido.

que tenga su propio método tampoco hay que llegar a ese extremo.

no necesariamente tenias que crear un div... ya que el elemento <a> si le das la misma clase igual funciona. y luego metias la <img> dentro del <a> y listo...

aun que lo mas sano seria como te pone safe...

[rb3m]

¿Un link qué se abra el Outlook? El segundo código que pones es válido, realmente no entiendo que es lo que no te gusta.

Bueno, le podrías quitar el span y el estilo agregárselo al <a>, no habría ningún problema.