Foros del Web » Creando para Internet » CSS »

Colorear celdas al pasar el cursor por encima y al hacer click.

Estas en el tema de Colorear celdas al pasar el cursor por encima y al hacer click. en el foro de CSS en Foros del Web. Hola a todos... Aclaro que soy principiante en el tema... jeje. Les comento la situación a ver si alguien me puede ayudar... Tengo una tabla ...
  #1 (permalink)  
Antiguo 13/12/2010, 05:51
 
Fecha de Ingreso: marzo-2005
Mensajes: 18
Antigüedad: 12 años, 9 meses
Puntos: 0
Colorear celdas al pasar el cursor por encima y al hacer click.

Hola a todos...

Aclaro que soy principiante en el tema... jeje. Les comento la situación a ver si alguien me puede ayudar...

Tengo una tabla con varias filas. Lo que estoy queriendo lograr, es que al pasar el cursor por encima de algunas celdas, me cambie el color del texto de la misma, volviendo al color habitual al quitar el foco del mouse sobre esa celda. Y además, necesito que al hacer click en alguna celda, se cambie el color también, es decir, que la celda quede como si fuera "señalada"... He probado algunas cosas con con :hover, para cuando paso el cursor por encima de alguna fila, y funcionó, pero no puedo hacer andar la parte de que al hacer click se mantenga marcada la fila. Se puede lograr esto con CSS? Cuál sería la forma?
  #2 (permalink)  
Antiguo 13/12/2010, 06:11
 
Fecha de Ingreso: diciembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 0
Respuesta: Colorear celdas al pasar el cursor por encima y al hacer click.

Yo he conseguido esto xD, no es exactamente lo que buscas pero se acerca:

Código:
<ul id="menu">
    <li id="A">
        <p>A</p>
    </li>
    <li id="B">
        <p>B</p>
    </li>
    <li id="C">
        <p>C</p>
    </li>
    <li id="D">
        <p>D</p>
    </li>
</ul>
Y el css

Código:
ul#menu{
    list-style:none;
}

ul#menu li{
    float:left;
    background:#ccc;
    border:1px solid #000;
    width:60px;
    height:40px;
    text-align:center;
}

ul#menu li p{
    text-decoration:none;
}

ul#menu li p:hover{
    background:#fff;
}
  #3 (permalink)  
Antiguo 13/12/2010, 06:25
 
Fecha de Ingreso: diciembre-2009
Mensajes: 53
Antigüedad: 8 años
Puntos: 4
Respuesta: Colorear celdas al pasar el cursor por encima y al hacer click.

Aquí tienes un ejemplo que te puede servir para colorear las celdas cuando hagas clic sobre ellas

http://bonrouge.com/br.php?page=cssonclickswitch
  #4 (permalink)  
Antiguo 13/12/2010, 11:14
 
Fecha de Ingreso: marzo-2005
Mensajes: 18
Antigüedad: 12 años, 9 meses
Puntos: 0
Respuesta: Colorear celdas al pasar el cursor por encima y al hacer click.

Gracias por las respuestas...
Al final se resolvió el inconveniente con una mezcla de CSS y JavaScript. Utilicé el :hover de CSS para cuando el cursor pasara por encima de la fila, y JavaScript para colorear la fila cuando se hace click.

Etiquetas: celdas, colorear, cursor, encima, pasar
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 19:05.