Foros del Web » Creando para Internet » CSS »

botones activos

Estas en el tema de botones activos en el foro de CSS en Foros del Web. 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> ...
  #1 (permalink)  
Antiguo 19/11/2012, 10:12
 
Fecha de Ingreso: septiembre-2003
Ubicación: Bogota
Mensajes: 266
Antigüedad: 20 años, 6 meses
Puntos: 0
botones activos

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
__________________
anaky
  #2 (permalink)  
Antiguo 19/11/2012, 14:35
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: botones activos

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.
  #3 (permalink)  
Antiguo 19/11/2012, 14:41
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 9 meses
Puntos: 1012
Respuesta: botones activos

en lugar de :active usa :target
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #4 (permalink)  
Antiguo 19/11/2012, 14:58
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: botones activos

No veo razón para recomendar :target en este caso.
  #5 (permalink)  
Antiguo 19/11/2012, 18:15
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 9 meses
Puntos: 1012
Respuesta: botones activos

Cita:
Iniciado por Bonez Ver Mensaje
No veo razón para recomendar :target en este caso.
Cita:
Iniciado por Elkin sanchez Ver Mensaje
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
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}

Última edición por IsaBelM; 19/11/2012 a las 18:21
  #6 (permalink)  
Antiguo 20/11/2012, 01:05
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: botones activos

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.
  #7 (permalink)  
Antiguo 10/12/2012, 07:40
 
Fecha de Ingreso: septiembre-2003
Ubicación: Bogota
Mensajes: 266
Antigüedad: 20 años, 6 meses
Puntos: 0
Respuesta: botones activos

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
__________________
anaky
  #8 (permalink)  
Antiguo 10/12/2012, 08:19
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: botones activos

: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.
  #9 (permalink)  
Antiguo 10/12/2012, 15:29
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 9 meses
Puntos: 1012
Respuesta: botones activos

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
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}

Etiquetas: activos, botones, hover, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:52.