Question

I’m trying to click a list item to activate a hyperlink,

Currently I have a list of hyperlinks but I would like the user to be able to click on the list item to navigate instead of the text displayed.

<ul>
<li>
<a Class=MenuLink href="Index.php">Index</a>
 </li>
<li>
</ul>

is it possible to make the list item clickable? or is it possible to make the background of the list item change when the hyperlink is hovered over?

Thanks,

Matt

Answer 1

http://jsfiddle.net/NWS6J/

Set the .MenuLink elements to display: block:

.MenuLink {
    display: block
}

They will then cover the entire area of the li. You can change the background-color of the elements on :hover:

.MenuLink:hover {
    background: red
}