Como abrir un link?

[ivimendoza]

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

[samplei]

¿"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>

[ivimendoza]

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

[elbuensaint]

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:

.m-a a:link, .m-a a:visited, .m-a a:hover {
display:block;
width:ancho-del-div;
height:alto-del-div;
}
 

Espero te sirva.

[ivimendoza]

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

[elbuensaint]

Pon tu código html y css (o un link si lo tienes en algún servidor) para poder ayudarte mejor.

[KoswiDigital]

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:

<li><div class="m-a" onclick="window.open('http://www.google.es' , '_blank');" ></li>
 

Saludos.

[daPhyre]

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

[KoswiDigital]

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:

li.m-a a
{
  display: block;
  width: /* ancho de la imagen de fondo */
  height: /* alto de la imagen de fondo */
  background: /* imagen de fondo */
}
 

Y con eso creo que estaría solucionado, a menos que pretendas otra cosa... Como habrás visto no te he entendido muy bien **^^**