I'm working on the following page: http://jlecologia.com/index.php
I want the whole block at the left to be clickable. In Firefox it's fine, but in IE6 the cursor doesn't even change to a hand. Any ideas?
I'm working on the following page: http://jlecologia.com/index.php
I want the whole block at the left to be clickable. In Firefox it's fine, but in IE6 the cursor doesn't even change to a hand. Any ideas?
here is a hack:
add this css:
#left ul li {
cursor: pointer;
}
to each li element add:
onclick="window.location='/the/link/location.htm'"
where the location is the same as the href of the link contained within the block.
I'd recommend that you move the block styling (like you're doing with the LI) to the actual link itself. So for example (copied from your stylesheet)...
#left ul li {
float: left;
list-style-type: none;
}
#left ul li a {
width: 100%; /* You might not need this */
margin-top: 40px;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
color: #FFFFFF;
display: block;
background-image: url(../images/button-fond.png);
background-repeat: repeat;
background-position: 0px 0px;
text-decoration: none;
}