botones activos

[Elkin sanchez]

Hola a todos
Tengo unos botones
<div id="botones">
<ul>
<li id="icon_1"></li>
<li id="icon_2"></li>
<li id="icon_3"></li>
<li id="icon_4"></li>
<li id="icon_5"></li>
<li id="icon_6"></li>
<li id="icon_7"></li>
<li id="icon_8"></li>
</ul>
</div>
Y estos tiene este css
#icon_3{
width:39px;
height:38px;
background: url(../img/ico_3.png)no-repeat top left;
margin-top: 10px;cursor:pointer
}
#icon_3:hover{
width:39px;
height:38px;
background: url(../img/ico_3_r.png) no-repeat top left;
margin-top: 10px;cursor:pointer
}
#icon_3 a:active{
background: url(../img/ico_3_r.png) no-repeat top left;
width:39px;
height:38px;
}
Pero no logro q al hacer click en un botón qde activa q estoy haciendo mal
Gracias

[pzin]

Bueno, lo primero y más importante para solucionar tu problema es usar highlight para postear código en el foro. Los ojos de muchos te lo agradecerán.

Como no eres la primera persona que pregunta, supongo que serás de las que confunden el uso de la pseudoclase active. El estado activo de un vínculo empieza al presionar sobre él y ese estado activo termina justo al soltar el click, no se refiere a cuando estás visitando la URL a la que lleva el enlace.

Por lo tanto funcionar si te funcionará, pero no tiene la funcionalidad que creías que tenía.

[IsaBelM]

en lugar de :active usa :target

[pzin]

No veo razón para recomendar :target en este caso.

[IsaBelM]

Iniciado por Bonez

No veo razón para recomendar :target en este caso.

Iniciado por Elkin sanchez

Pero no logro q al hacer click en un botón qde activa q estoy haciendo mal
Gracias

si le he entendido bien lo que pretende es cambiar el background del elemento cuando se pulse sobre el. como estamos en el foro de css, la solución es la pseudo-clase :target. algo distinto sería si lo que pretende es que ese cambia permanezca cuando hay una redirección. en tal caso es necesario el uso de javascript (window.name o dom storage) o leer una variable del lado del servidor

[pzin]

Bueno, a ver qué nos dice que quiere hacer. Aunque yo creo que es la segunda opción que das aunque según la pregunta puede referirse más al uso de :target.

[Elkin sanchez]

Me explico mejor tengo 5 botones y quiero q al hacer click y cargue otro pagina quede el botón activo mostrando q estamos en esa sección

[pzin]

:active es para una cosa distinta, es el estado que tiene el vínculo cuando haces click sobre él.

Lo que tendrías que hacer es añadir una clase al enlace y añadir otro selector que haga referencia a esa clase y ahí ya declaras los estilos que te hagan falta.

Si usas algún tipo de página dinámica y sólo tienes un archivo del menú que luego vas incluyendo, tendrás que hallar la forma de saber en qué sección estás y aplicar esa clase al elemento que sea.

[IsaBelM]

las dos opciones que tienes son: javascript o algún lenguaje del lado del servidor

• con javascript tendrás que usar "sesiones" (dom storage o window.name), leerla y arreglo al valor asignar la clase al elemento
• con un lenguaje del lado del servidor tendrás que pasar una variable por la url, leerla y asignar la clase al elemento