Foros del Web » Diseño web » CSS »

Como abrir un link?

Estas en el tema de Como abrir un link? en el foro de CSS en Foros del Web. Hole, veréis, tengo esto a mi sitio Web: <li><div class="m-a" onclick="alert('test');" ></li> "m-a" es una imagen, y quiero que cuando haga click me vaya a ...
  #1 (permalink)  
Antiguo 04/05/2011, 08:56
 
Fecha de Ingreso: abril-2011
Mensajes: 80
Antigüedad: 3 años, 4 meses
Puntos: 5
Como abrir un link?

Hole, veréis, tengo esto a mi sitio Web:

<li><div class="m-a" onclick="alert('test');" ></li>

"m-a" es una imagen, y quiero que cuando haga click me vaya a otro sitio Web, pero no consigo hacerlo, me podeis decir como hacer para que abra un link? Gracias
  #2 (permalink)  
Antiguo 04/05/2011, 09:23
 
Fecha de Ingreso: abril-2011
Mensajes: 47
Antigüedad: 3 años, 4 meses
Puntos: 13
Respuesta: Como abrir un link?

¿"m-a" es un imagen? Un tu ejemplo m-a es una "class" que tal vez incluye un imagen.

el código en html es:
Código:
<a href="http://www.otra-página.com">
<img src="m-a.jpg" alt="soy un imagen" />
</a>
  #3 (permalink)  
Antiguo 04/05/2011, 12:12
 
Fecha de Ingreso: abril-2011
Mensajes: 80
Antigüedad: 3 años, 4 meses
Puntos: 5
Respuesta: Como abrir un link?

No, a ver, yo tengo un DIV, y cambia de imagen cuando paso el cursor por encima, lo que yo quiero es qeu cuando le haga click abra una nueva ventana, llevo un montón de rato buscando información pero todo lo que encuentro, nada funciona, o no es lo que busco...

Gracias
  #4 (permalink)  
Antiguo 04/05/2011, 12:24
Avatar de elbuensaint  
Fecha de Ingreso: marzo-2009
Ubicación: Chiwas
Mensajes: 178
Antigüedad: 5 años, 5 meses
Puntos: 7
Respuesta: Como abrir un link?

Código HTML:
<div class="m-a"><a href="http://www.tupagina.com" target="_blank"> </a></div> 
En tu css deberás poner algo como esto:
Código CSS:
Ver original
  1. .m-a a:link, .m-a a:visited, .m-a a:hover {
  2. display:block;
  3. width:ancho-del-div;
  4. height:alto-del-div;
  5. }

Espero te sirva.
  #5 (permalink)  
Antiguo 04/05/2011, 14:03
 
Fecha de Ingreso: abril-2011
Mensajes: 80
Antigüedad: 3 años, 4 meses
Puntos: 5
Respuesta: Como abrir un link?

Hola elbuensaint,

lamento decir que no me ha sido útil debido a que sigue sin abrirse, le doy click y no se abre, no hace absolutamente nada, y lo tengo como tu me lo has pasado... espero que me puedas echar una mano que esto ya empieza a ser desesperante.

Gracias
  #6 (permalink)  
Antiguo 04/05/2011, 14:11
Avatar de elbuensaint  
Fecha de Ingreso: marzo-2009
Ubicación: Chiwas
Mensajes: 178
Antigüedad: 5 años, 5 meses
Puntos: 7
Respuesta: Como abrir un link?

Pon tu código html y css (o un link si lo tienes en algún servidor) para poder ayudarte mejor.
  #7 (permalink)  
Antiguo 04/05/2011, 15:50
Avatar de KoswiDigital  
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 3 años, 4 meses
Puntos: 37
Respuesta: Como abrir un link?

Hola. Te recomiendo mirar el método open() del objeto window de javascript.


De esta manera sólo tienes que cambiar tu alert('test') por:

Código HTML:
Ver original
  1. <li><div class="m-a" onclick="window.open('http://www.google.es' , '_blank');" ></li>


Saludos.
__________________
http://www.koswidigital.com - Diseño web, Programación web, Fotografía profesional, Retoque digital.
  #8 (permalink)  
Antiguo 04/05/2011, 23:57
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.405
Antigüedad: 6 años, 5 meses
Puntos: 142
Respuesta: Como abrir un link?

Con todo respeto, un window.open puede ser inaccesible si se usa de esa forma. Creo que lo que tú más bien buscas es usar un anchor en lugar del div. Prueba esto:

Código HTML:
<li><a href="otra_pagina.html" class="m-a" onclick="alert('test');" ></a></li> 
Y en el CSS, agregas a .m-a un "Display:block". Avísanos si te sirve. Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #9 (permalink)  
Antiguo 05/05/2011, 05:38
Avatar de KoswiDigital  
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 3 años, 4 meses
Puntos: 37
Respuesta: Como abrir un link?

Cita:
un window.open puede ser inaccesible si se usa de esa forma
Lo sé, pero no estoy seguro de qúe es lo que busca exactamente. Por supuesto te doy la razón, daPhyre, si se puede evitar el uso de javascript, mucho mejor.

Quita el div, y pásale la clase m-a(que imaginamos tiene una imagen de fondo) al <li>. Utiliza el código que te ha puesto daPhyre y en el css lo siguiente:

Código CSS:
Ver original
  1. li.m-a a
  2. {
  3.   display: block;
  4.   width: /* ancho de la imagen de fondo */
  5.   height: /* alto de la imagen de fondo */
  6.   background: /* imagen de fondo */
  7. }

Y con eso creo que estaría solucionado, a menos que pretendas otra cosa... Como habrás visto no te he entendido muy bien **^^**
__________________
http://www.koswidigital.com - Diseño web, Programación web, Fotografía profesional, Retoque digital.

Etiquetas: link
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




La zona horaria es GMT -6. Ahora son las 15:04.
SEO by vBSEO 3.3.2