Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/09/2010, 01:19
AitorLopez
 
Fecha de Ingreso: mayo-2009
Mensajes: 742
Antigüedad: 14 años, 9 meses
Puntos: 6
Marcar enlace de lista seleccionado

Hola. Tengo un ejemplo como este

Código HTML:
Ver original
  1. ul {
  2.     list-style: none;
  3.     margin: 0;
  4.     padding: 0;
  5.     }
  6.  
  7. img {
  8.     border: none;
  9.     }
  10.    
  11. #menu_lat_izqdo {
  12.     width: 100%;
  13.     }
  14.    
  15. #menu_lat_izqdo li a {
  16.     text-decoration: none;
  17.     margin:0;
  18.     border:0;
  19.     padding:0;
  20.     }  
  21.    
  22. #menu_lat_izqdo li a:link, #menu_lat_izqdo li a:visited {
  23.     display: block;
  24.     background-image: url(../imagenes/lat_izqdo/menu_claro.gif);
  25.     background-repeat: no-repeat;
  26.     color: #8BADCF;
  27.     }
  28.    
  29. #menu_lat_izqdo li a:hover {
  30.     background:  url(../imagenes/lat_izqdo/menu_oscuro.gif);
  31.     background-repeat: no-repeat;
  32.     color: #627EB7;
  33.     }
  34.  
  35. #menu_lat_izqdo li a:link, #menu_lat_izqdo li a:visited, #menu_lat_izqdo li a:hover {
  36.     padding-top: 5px;
  37.     padding-bottom: 5px;
  38. }
  39.  
  40. <div id="lat_izqdo">
  41.    
  42.  <div id="menu_lat_izqdo">
  43.   <ul>
  44.    <li>
  45.      <h3><a href="prueba.html">CSS Templates</a></h3>
  46.    </li>
  47.    <li>
  48.      <h3><a href="prueba.html">CSS Layouts</a></h3>
  49.    </li>
  50.    <li>
  51.      <h3><a href="prueba.html">CSS Books</a></h3>
  52.    </li>
  53.   </ul>
  54.  </div>
  55.    
  56. </div>

Lo que quiero es que, cuando pulse una upcion de la lista, que se quede marca esa opcion, es decir, si marco la opcion CSS Templates, al carga la pagina, CSS Templates quedaría con un fondo rojo, por ejemplo, y las otras dos opciones de la lista (CSS Layouts y CSS Books), quedarían con su fondo original.

Espero haberme explicado.

Gracias. Un saludo.