Cómo hacer que el enlace HTML activado haciendo clic en el?

Como dijo Marineio, puedes usar el atributo onclick del <li> para cambiar location.href, a través de javascript:

<li onclick="location.href='http://example';"> ... </li>

Alternativamente, puede eliminar cualquier margen o relleno en el <li>, y agregar un relleno grande al lado izquierdo del <a> para evitar que el texto pase por encima de la viñeta.

Solo para lanzar esta opción:

<ul id="menu">
    <a href="#"><li>Something1</li></a>
    <a href="#"><li>Something2</li></a>
    <a href="#"><li>Something3</li></a>
    <a href="#"><li>Something4</li></a>
</ul>

Este es el estilo que uso en mis menús, hace que el elemento de la lista en sí mismo sea un hipervínculo (similar a como uno haría una imagen un enlace).
Para el estilo, suelo aplicar algo como esto:

nav ul a {
    color: inherit;
    text-decoration: none;
}

Luego puedo aplicar cualquier estilo a la

Simplemente agregue envolver el texto del enlace en una etiqueta ' p ' o algo similar y agregue margen y relleno a ese elemento, de esta manera no afectará la configuración que MiffTheFox le dio, es decir,

<li> <a href="#"> <p>Link Text </p> </a> </li>

Esto hará que todo <li> objeto como un enlace:

<li onclick="location.href='page.html';"  style="cursor:pointer;">...</li>

Jqyery esta es otra versión con jquery un poco menos corto. suponiendo que el elemento <a> está dentro del elemento <li> de

$(li).click(function(){
    $(this).children().click();
});

Lo siguiente parece funcionar:

ul#menu li a {
    color:#696969;
    display:block;
    font-weight:bold;
    line-height:2.8;
    text-decoration:none;
    width:100%;
}

O puedes crear un enlace vacío al final de tu <li>:

<a href="link"></a>

.menu li{position:relative;padding:0;}
.link{
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
}

Esto creará un <li> clicable completo y mantendrá su formato en su enlace real. Podría ser útil para <div> etiqueta también

Puedes probar un evento "onclick" dentro de la etiqueta LI, y cambiar la ubicación.href " como en javascript.

También puede intentar colocar las etiquetas li dentro de las etiquetas a, sin embargo, esto probablemente no sea HTML válido.

¿Cómo activar el enlace HTML haciendo clic en el

?

Haciendo que su enlace sea tan grande como su li: simplemente mueva la instrucción

display: block;

De li a a y ya está.

Es decir:

#menu li
{
    /* no more display:block; on list item */

    list-style: none;
    background: #e8eef4 url(arrow.gif) 2% 50% no-repeat;
    border: 1px solid #b2b2b2;
    padding: 0;
    margin-top: 5px;
}

#menu li a
{
    display:block; /* moved to link */
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    padding-right:.5em;
    color: #696969;
}

Nota al margen: puede eliminar "ul" de sus dos selectores: #menu es una indicación suficiente excepto si necesita dar peso a estas dos reglas para anular otras instrucciones.

Use jQuery para no tener que escribir javascript en línea en el elemento <li>:

$(document).ready(function(){
    $("li > a").each(function(index, value) {
        var link = $(this).attr("href");
        $(this).parent().bind("click", function() {
            location.href = link;
        });
    });
});