Foros del Web » Creando para Internet » CSS »

Link a mail con css?

Estas en el tema de Link a mail con css? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/08/2009, 11:58
 
Fecha de Ingreso: agosto-2003
Mensajes: 906
Antigüedad: 14 años, 3 meses
Puntos: 3
Link a mail con css?

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" >mail@mail.com</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?

Última edición por SeNdEr2003; 27/08/2009 a las 12:12
  #2 (permalink)  
Antiguo 27/08/2009, 19:51
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Link a mail con css?

Interesante, voto el tema asi aprendo algo nuevo, ahora ¿que quieres hacer?
  #3 (permalink)  
Antiguo 27/08/2009, 23:16
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Respuesta: Link a mail con css?

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.
__________________
oohh... quisiera ser godines!!!
  #4 (permalink)  
Antiguo 28/08/2009, 15:50
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Link a mail con css?

safe
Cita:
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...
  #5 (permalink)  
Antiguo 28/08/2009, 19:40
 
Fecha de Ingreso: noviembre-2008
Mensajes: 94
Antigüedad: 9 años
Puntos: 6
Respuesta: Link a mail con css?

¿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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 00:13.