Tengo una lista con estilos donde le meto una imagen a cada "li". En cada "li" tengo un enlace, donde me gustaria que cuando se pinchara quedara marcado cambiando la imagen del "li". ¿Se podria hacer de esta manera o habria que hacerlo de otra?
Os adjunto el fichero con el html y las imagenes.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>prueba</title> <style type="text/css"> .column {float: left;text-align: left;width: 178px;width:130px;padding: 0px 9px 9px 9px;} .column ul {margin: 0;padding: 0;list-style-type: none;} .column li {padding-left: 16px;background:url("cuadro.gif") no-repeat left;} </style> </head> <body> <div class="column"> <ul> <li><a href="prueba.html">juan</a></li> <li><a href="prueba.html">pepillo</a></li> <li><a href="prueba.html">anacleto</a></li> </ul> </div> </body> </html>