Kwicks for jQuery - Alguien sabe como hacer un boton clicable aqui?

[marcgispert]

Hola muy buenas!

Hace rato que estoy dando vueltas a esto, a ver si alguien me puede hechar un cable.

Resulta que he puesto en mi web el menu Kwicks para jQuery.

http://www.jeremymartin.name/examples/kwicks.php?example=1

Lo implemento genial, le cambio los tamaños, el tiempo, la imagen de fondo... pero no me acuerdo o no se como hacer para que estos botones sean clicables. De hecho a ellos les sale el puntero pk tienen en las css // cursor:pointer; //.

como deveria hacerlo?????
Gracias por adelantado!!!!

[Carlangueitor]

¿Quizá con un enlace?

[marcgispert]

Pues ojalá fuera tan sencillo.

Igual que en el ejemplo que puse, en los links no hay texto "editable", solo un backgraund image que está en las css. El tema es que no se como hacer toda la area "activa" sin poner nada de texto. Ya le he puesto widht i heigt tanto a las "li" como a las "a". Ademas los tios en el codigo fuente no tienen botones activos.

[tredio]

coloca un <a> dentro de los <li> y colocale los siguientes estilos:

Código CSS:

li a{
width: 100%;
height: 100%;
display: inline-block;
}
 

[Dany_s]

como en cualquier elemento, es una lista normal

Código HTML:

<ul class="kwicks">
    <li id="kwick1"></li>
    <li id="kwick2"></li>
    <li id="kwick3"></li>
    <li id="kwick4"></li>
</ul>
 

Código Javascript:

$('.kwicks li').click( function(){
    alert("Click en #" + $(this).attr('id'));
});
 

[marcgispert]

Iniciado por tredio

coloca un <a> dentro de los <li> y colocale los siguientes estilos:

Código CSS:

li a{
width: 100%;
height: 100%;
display: inline-block;
}
 

Pues Muchissimas gracias por las 2 respuestas, modificando el width y el height fue suficiente. Si querieis podeis ver como ha quedado:

http://marcgispert.com/

Saludos!