Muchísimas gracias por tu respuesta Johnattan. Lo que comentas de ponerle una clase propia al li sólo se puede conseguir recargando la página y llamando a otro html. De todas formas creo que lo haré así ( a pesar de se uno de los requisitos que me pedían).
Un saludo! ---------------------------------------------------- Hola Alex... El día 24/11/06, Alex Esteve | malagacentro.com <[EMAIL PROTECTED]> escribió: > > Estimados compañeros, > > al 'rediseñar' un css para una aplicación web me encuentro con el > siguiente problema... > > > Tengo un html con enlaces, estos enlaces tienen el mismo estilo en "hover" > y "active". De forma que al pulsar uno se queda igual que al pasar el raton > por encima. segun tengo entendido el estado activo (:active) y en foco (:focus) solo se muestran cuando el enlace esta siendo presionado o se pasa sobre el, luego cuando sueltas el click se pasa a visitado (:visited) El problema es cuando pulsas el cualquier otro sitio de la web, el estado > "active" del enlace seleccionado se desactiva y vuelve a su estado original. > No tengo opcion de recargar la web para definir un estilo distinto al > elemento seleccionado, tiene que ser todo en el mismo html y sin recargarlo. prueba a poner una clase o id que indique que ese enlace esta activo, aplicando los estilos de esta id sobre el enlace de la seccion determinada. por ej. <ul> <li><a href="enlace1.html">Link 1</a></li> <li><a href="enlace2.html" id="activo">Link 2</a></li> <li><a href="enlace3.html">Link 3</a></li> </ul> CSS: li { list-style-type: none; display: block; margin: 0; } #activo a { color: #fff; background-color: #000; text-decoration: none; font-weight: bold; border: 1px #fc0 dotted; display: block; } a, a:visited { color: #000; background-color: #369; text-decoration: none; font-weight: bold; border: 1px #000 solid; display: block; } Cabe la posibilidad de cambiar el estilo del estilo del enlace sin recargar > el html? supongo que con javascript o algo de Ajax... muchas gracias! > > alex esteve > > > os copio el css: > > a:link { > color: #003366; > text-decoration: none; > } > a:visited { > text-decoration: none; > color: #003366; > } > a:hover { > text-decoration: underline; > color: #009900; > font-weight:bold; > } > a:active { > text-decoration: underline; > color: #009900; > font-weight:bold; > } > > ------------------------------------ > y el html > > <body> > <p><a href="#">enlace 1</a></p> > <p><a href="#">enlace 2</a></p> > <p><a href="#">enlace 3 </a></p> > </body> > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- Jonathan C. [EMAIL PROTECTED] _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo