[Resuelto] Problema con button

Iniciado por Juancamunoz, 9 Agosto 2015, 00:46 AM

0 Miembros y 1 Visitante están viendo este tema.

Juancamunoz

Buenas

Estoy desarrollando una página web (www.neumass.com) y el caso es que hay un par de problemas que no tengo ni idea de como puedo solucionar.

https://i.gyazo.com/c41498747a2d32ab0d16dc8f85d12b29.png

Nos fijamos en este banner, hay cada apartado (e-minería, energía renovable, industria etcétera.) Nos podemos fijar que cada uno tiene un título y un texto. El caso es que abajo a la derecha, justo a la izquierda de las fotos hay un >>>.

Es un botón que tiene de fondo el color de cada cosa.

El problema es que es como si no existiera, está el botón pero no puedo darle, no puedo clickear en él, no hace nada y tal. Es como si hubiera una capa por la parte de encima y yo clickeo a la capa y no al botón..- he estado mirando el código y no tengo ni idea de como puedo solucionarlo. Si alguien me ayuda, plis.

T. Collins

A mí haciendo esto me funciona, tiene que ser el javascript

Código (javascript) [Seleccionar]

document.getElementById("BotInd").onclick = function(){alert("ind");}

Juancamunoz

¿como puedo adaptar eso para que al hacer click en el >>> te lleve a otra página?

3n31ch

#3
Hola amigo, lo puedes hacer con JS, el comando es el siguiente:
Código (javascript) [Seleccionar]
document.location.href = "URL";

Pero te recomiendo remplazar esos botones por links, y luego con css lo haces ver igual que tus botones.

Si no sabes hacer esto, preguntame por aca y te respondo enseguida

Juancamunoz


3n31ch

Bueno mira, los link se hace de esta manera:

Por ejemplo, si yo quisiera hacer que al cliquear la palabra "Inicio" el sitio se redireccionara a inicio.html, el codigo seria el siguiente:

Código (html4strict) [Seleccionar]
<a href = "inicio.html">Inicio</a>

Por lo tanto, en vez de que tu botón tenga este código:

Código (html4strict) [Seleccionar]
<button type="button" class="BotonNormal" id="BotMin">&gt;&gt;&gt;</button>

Deberías poner este código:

Código (html4strict) [Seleccionar]
<a href = "pagina.html" class="BotonNormal" id="BotMin">&gt;&gt;&gt;</a>

Recuerda remplazar "pagina.html", por la pagina que quieras poner

Juancamunoz

estamos en las mismas, no puedo clickear por que hay como algo por encima, ni idea.

3n31ch

Cita de: Juancamunoz en  9 Agosto 2015, 02:45 AM
estamos en las mismas, no puedo clickear por que hay como algo por encima, ni idea.

Prueba poniendo en el css lo siguiente:

Código (css) [Seleccionar]
.BotonNormal{position:absolute;z-index:999;}

Juancamunoz

gracias amigo, ya funciona